/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

1 vote297 views2 answers
Owl carousel get started
Html
-2 votes305 views1 answer
How to add select only one radio button in html
Html
1 vote292 views1 answer
Html color black
Html
0 vote296 views1 answer
Where to store nft art
Html
2 votes301 views2 answers
Ng-bind-html vuejs
Html
0 vote308 views1 answer
Vim terminal to add data in each line with file open
Html
5 votes346 views4 answers
How to hide div in html
Html
63 votes315 views1 answer
How to open link in a new tab
Html
0 vote282 views1 answer
How to change innerhtml color
Html
0 vote324 views2 answers
Html select image background arrow
Html