/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 vote130 views1 answer
Strictmode causes double render
Html
75 votes129 views5 answers
Radio buttons html
Html
-5 votes182 views5 answers
Happy New Year!
Html
0 vote221 views1 answer
V-select key
Html
0 vote126 views3 answers
Call modal by id href
Html
274 votes287 views6 answers
Fontawesome pro cdn
Html
0 vote139 views1 answer
Print NGX
Html
0 vote123 views1 answer
Show html in laravel template
Html
0 vote133 views1 answer
Html time input with second
Html
0 vote148 views1 answer
Twig column
Html