/Html/Full screen button in video tag html5

Full screen button in video tag html5

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


//Html code:

<video class="video_player" id="player" width="100%" controls="controls" autoplay="autoplay">
  <source src="INPUT VIDEO URL HERE"/>
  Your browser does not support the HTML5 video tag.  Use a better browser!
</video>
<button onclick="goFullscreen('player'); return false">
  View Fullscreen!
</button>

Source: stackoverflow.com

Similar codes

0 vote161 views1 answer
How to add image in title bar
Html
5 votes149 views5 answers
Jquery select2 set value
Html
0 vote155 views1 answer
Default button width in column flex direction bootstrap
Html
0 vote131 views1 answer
Venobox cdn
Html
0 vote159 views1 answer
B-table-column v-slot undefined
Html
24 votes153 views3 answers
How to change the size of an image in html
Html
1 vote165 views1 answer
Ng router link
Html
1 vote149 views1 answer
MIME type ('text/html') is not executable
Html
24 votes176 views4 answers
Bootstrap button outline
Html
3 votes149 views2 answers
Include a small box in html
Html