/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 vote249 views1 answer
Header with rowspan
Html
30 votes238 views1 answer
Fork me on github html css code
Html
41 votes216 views1 answer
Website starter
Html
0 vote233 views1 answer
Slack type html message
Html
0 vote237 views1 answer
When do i put my script in the body tags in html
Html
51 votes251 views10 answers
Html
Html
1 vote231 views3 answers
Html heading tag
Html
86 votes238 views6 answers
Add image in html
Html
0 vote243 views2 answers
Drupal 9 path to theme
Html
0 vote267 views1 answer
Include in the price html woocommerce
Html