/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 vote224 views1 answer
Boton en html cambiar texto
Html
0 vote201 views1 answer
Html if screen is smaller thatn
Html
25 votes210 views4 answers
Metadata
Html
0 vote205 views1 answer
Twig form row label
Html
4 votes197 views3 answers
Favicon.ico 404
Html
0 vote230 views1 answer
Webpack Hot replace module unsafe-inline
Html
0 vote215 views1 answer
"raw::html" markdown
Html
1 vote216 views8 answers
Embed Facebook feed into website
Html
0 vote218 views2 answers
Reactive forms radio button
Html
4 votes207 views2 answers
ERROR Error: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone' in ngModelOptions.
Html