Estoy tratando de inyectar mi código JS para hacer clic en el botón "pantalla completa" para este video html: http://techslides.com/demos/sample-videos/small.webm
El problema es que no conozco la función para llamar a pantalla completa. ¿Cómo se llama?
function fullScreenClick() { var video = document.getElementsByTagName('video'); video[0].play(); } fullScreenClick();Prueba esto :
<script> var elem = document.getElementById("myvideo"); function openFullscreen() { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.webkitRequestFullscreen) { /* Safari */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE11 */ elem.msRequestFullscreen(); } } </script>Puede hacer esto simplemente usando la función onClick del elemento de video . Primero, debe envolver su video dentro de la etiqueta de video. He añadido el código para que podáis ver mejor el ejemplo:
$('#video').click(function(){this.paused?this.play():this.pause();}); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <video id="video"><source src="http://techslides.com/demos/sample-videos/small.webm"></video> O simplemente puede agregar la función en línea en su etiqueta HTML onclick .
Es element.requestFullscreen().
function fullScreenClick() { var video = document.getElementsByTagName('video')[0]; video.requestFullscreen(); } fullScreenClick(); Para admitir IE y Safari, es posible que deba usar webkitRequestFullscreen o msRequestFullscreen .