video.html

<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="./video-player/videoPlayer.css">
    <script src="./video-player/videoPlayer.js"></script>
    <title>Video Player</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font-size: 20px;
    }

    .main {
        width: 80vw;
        background: rgb(1, 0, 59);
        height: 50vh;
    }
</style>

<body>
    <h1>Video Player</h1>
    <div class="main">
        <video class="video-player" src="https://www.w3schools.com/html/mov_bbb.mp4"></video>
    </div>
</body>

</html>