/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 vote195 views1 answer
Text souligné html
Html
56 votes202 views6 answers
Html basic template
Html
0 vote202 views1 answer
Change choose file button text
Html
0 vote206 views1 answer
Search input html with icon
Html
75 votes192 views6 answers
Justify-content-between bootstrap 4
Html
0 vote160 views1 answer
Redirect to previous page but retrieve previous data
Html
1 vote210 views1 answer
Html faq
Html
0 vote203 views1 answer
How to echo data into an option tag as a link
Html
0 vote199 views1 answer
Html.getenumselectlist
Html
0 vote215 views1 answer
A pint of sap from a 4000 year old bristlecone pine
Html