/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 vote118 views2 answers
Electron draggable
Html
5 votes123 views1 answer
Calculator in html
Html
0 vote136 views2 answers
How add string in all htmls with linux
Html
12 votes131 views2 answers
Bootstrap grids examples
Html
0 vote129 views1 answer
Django template list item by index
Html
0 vote127 views1 answer
Open .html file in webbrowser c#
Html
0 vote97 views1 answer
Thml text are
Html
-1 vote106 views1 answer
// count the number of each item in the cart for (i = 0; i < len; i++) { total += items[i].get('quantity'); } if (total < 3) { alert(' please add more to your shopping cart before checking out'); evt.preventdefault(); } }); </script> <
Html
29 votes142 views4 answers
Html starter template
Html
0 vote129 views1 answer
The __________ is the framed area on a display screen and each responsive web page needs to have a meta tag defined for this property.
Html