<!DOCTYPE html>
<html>

<head>
  <link href="https://vjs.zencdn.net/7.17.0/video-js.css" rel="stylesheet"><!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
  <!-- <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> -->
  <title></title>
</head>

<body>
  <video class="video-js vjs-big-play-centered" controls="" data-setup="{}" height="264" id="my-video" poster="db.png" preload="auto" width="640">

    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
  </video>
  <script src="https://vjs.zencdn.net/7.17.0/video.min.js"></script>
  <script>
    const player = videojs('my-video', {
      sources: [{
        src: "./1.mp4"
      }],
      loop: true,
      muted: true,
      width: "600",
      height: "400px",
      controls: true
    });
  </script>
</body>

</html>