responsive video-js

<?php
$video = (isset($_GET['vid'])) ? $_GET['vid'] : null;
?>
<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8 />
  <title>Diamond Rate</title>
<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
<script src="https://unpkg.com/video.js/dist/video.js"></script>
<script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
<style id="compiled-css" type="text/css">
*{
  margin:0px;
  padding:0px;
}
/* EOS */
</style>
</head>
<body>
    <video id="my_video_1" class="video-js vjs-default-skin vjs-16-9" autoplay controls preload="auto" muted data-setup='{}' width="640" height="264" poster="my_video_poster.png">
    </video>
  <script>
    const player = videojs('my_video_1');
    player.src({
      src: '<?php echo $video;?>',
      type: 'application/x-mpegURL'
    });
  </script>

</body>
</html>