/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

2 votes169 views2 answers
Html background color change by clicking
Html
0 vote190 views1 answer
How to use h1 tag
Html
1 vote230 views1 answer
Best free html editor
Html
0 vote168 views1 answer
Anatomy of a html document
Html
0 vote176 views3 answers
Html entity double quote
Html
0 vote176 views1 answer
Parse html with regex
Html
9 votes174 views2 answers
Placeholder in date input html
Html
3 votes187 views1 answer
Nuxt i18n link
Html
79 votes152 views4 answers
How to connect a js file in html
Html
60 votes179 views2 answers
Radio buttons
Html