/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

11 votes208 views5 answers
Aos
Html
8 votes240 views1 answer
HTML HOME
Html
0 vote231 views1 answer
Macbook boot in verbose mode
Html
4 votes212 views1 answer
Code highlighting html
Html
0 vote231 views1 answer
Ckeditor 5 example codepen
Html
3 votes232 views1 answer
Link for fontawesome
Html
57 votes221 views2 answers
Dot select html
Html
1 vote200 views1 answer
Tab Html CSS [Bootstrap]
Html
0 vote252 views1 answer
I = ["hi", "he",
Html
0 vote245 views2 answers
Make element be positioned behind its parent, but in front of its grandparent
Html