/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 vote207 views1 answer
Print html table
Html
0 vote187 views1 answer
Disable user going back after logging out button jsf
Html
3 votes175 views1 answer
Difference between name and id html
Html
91 votes182 views6 answers
Bootstrap 4 text color
Html
0 vote185 views1 answer
Vuejs v-model array
Html
0 vote179 views6 answers
CSRF token in js
Html
29 votes199 views5 answers
Add mailto in html
Html
54 votes208 views6 answers
Html start
Html
30 votes179 views1 answer
Fork me github ribbon code html css
Html
2 votes183 views2 answers
Q tag in html
Html