/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

1 vote275 views2 answers
Html animated background
Html
1 vote280 views1 answer
How to download folder using scp
Html
4 votes320 views3 answers
Cdn vue js 3
Html
1.2K votes531 views10 answers
Twitch
Html
56 votes290 views6 answers
How to make a button link in html
Html
2 votes341 views1 answer
Index.html file
Html
0 vote255 views1 answer
Como colocar conteudo dentro das imagens html
Html
0 vote275 views1 answer
Single div using two tags h5 tag &h6tag
Html
2 votes296 views1 answer
Html power
Html
4 votes287 views2 answers
GEThttp://127.0.0.1:5500/favicon.ico error
Html