Html web player fullscreen

Discuss
#1

I am using html video player. Please help me how to run full screen mode when I press and hold the button I created.

<head>
  <link href="https://vjs.zencdn.net/8.6.0/video-js.css" rel="stylesheet" />
</head>

<body>
  <video autoplay
    id="my-video"
    class="video-js"
    controls
	
    preload="auto"
    width="640"
    height="264"
    poster="MY_VIDEO_POSTER.jpg"
    data-setup="{}"
  >
    <source src="https://tv-trt1-dai.medya.trt.com.tr/master_2.m3u8" type="video/mp4" />
   
    <p class="vjs-no-js">
    
      <a href="https://videojs.com/html5-video-support/" target="_blank"
        > </a
      >
    </p>
  </video>

  <script src="https://vjs.zencdn.net/8.6.0/video.min.js"></script>
</body>


<script type="text/javascript">
function goFullscreen(id) {
  var element = document.getElementById(id);       
  if (element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if (element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }  
}
</script>

<video class="video_player" id="player" width="640px" controls="controls" autoplay="autoplay">
  <source src="https://tv-trt1-dai.medya.trt.com.tr/master_2.m3u8"/>
</video>
<button onclick="goFullscreen('player'); return false">
  View Fullscreen!
</button>

image
image1920×1035 295 KB

#2

I think everyone here is an amateur like me.