/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 vote164 views1 answer
Git list deleted files
Html
0 vote141 views1 answer
Contact text box accept only till 10 digit in html
Html
0 vote132 views1 answer
Close button on google map jump the page
Html
0 vote129 views1 answer
Html page to screenshot
Html
0 vote132 views1 answer
Set default selected option in select form laravel
Html
4 votes132 views4 answers
Modal form bootstrap
Html
15 votes126 views5 answers
How to make a button download a file in html
Html
13 votes139 views4 answers
Bootstrap..
Html
53 votes165 views5 answers
Html anchor
Html
1 vote122 views2 answers
Display none on button click
Html