sirve - Al usar eventos de video html5 en el iPhone, ¿cómo le digo al botón "Hecho" que haga clic desde una pausa simple?

youtube como medio de comunicacion pdf

Question

Tengo una página web para el iPhone que usa las etiquetas de video HTML5. En el iPhone, dichos videos incrustados se reproducen en el reproductor nativo. Quería ver cuándo había terminado el video y cuándo el usuario había descartado el video con el botón "Listo". Inicialmente, probé esto:

var video = $("#someVideo").get(0);
video.addEventListener(''ended'', myFunction);

Pero eso solo se disparó cuando se permitió que el video terminara. Después de jugar con otros eventos (suspender, estancar, esperar) encontré que el botón "Hecho" desencadena un evento de "pausa". Sin embargo, cuando agrego esto:

video.addEventListener(''pause'', myFunction);

mi código se llama tanto desde el botón "Hecho" como cuando el usuario toca el botón de pausa en los controles de reproducción. El segundo caso es indeseable; Solo quiero el primer caso, pero los eventos no parecen darme suficiente información.

¿Alguien sabe de una manera de saber cuándo el usuario ha pulsado el botón "Listo" en el reproductor de iPhone (en lugar de simplemente pausar)?

Answer 1

Esto es lo que necesitas:

yourplayer.addEventListener(''webkitendfullscreen'', onPlayerExitFullscreen, false);

Y viceversa

yourplayer.addEventListener(''webkitbeginfullscreen'', onPlayerEnterFullscreen, false);

Aquí hay otra respuesta a su pregunta que encontré: ¿cómo saber cuándo un reproductor de video HTML5 ingresa al modo de pantalla completa en iOS / iPad?

Answer 2

Hay un evento llamado "finalizado" que probablemente deba usar, consulte http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#event-media-ended .

Answer 3

Simplemente revisa el boletín webkitDisplayingFullscreen en tu función de pausa. Al presionar Listo o Pausa se activa el evento de pausa, pero Listo hace un poquito más como una salida del modo de pantalla completa. Hacer esa comprobación lo ayudará a diferenciar las pulsaciones de 2 botones. Algunos ejemplos de código a continuación.

<script>
var html5Video = function() {
return {
init: function() {
var video = document.getElementsByTagName(''video'')[0];
video.addEventListener(''ended'', endVideo, false);
video.addEventListener(''pause'', pauseVideo, false);
}
};
}();
function endVideo() {
alert("video ended");
}
function pauseVideo() {
var video = document.getElementsByTagName(''video'')[0];
if (!video.webkitDisplayingFullscreen)
endVideo();
}
html5Video.init();
</script>