Solución:
$('#play-pause-button').click(function () {
var mediaVideo = $("#media-video").get(0);
if (mediaVideo.paused) {
mediaVideo.play();
} else {
mediaVideo.pause();
}
});
He hecho esto en jQuery, que es simple y rápido. Para probarlo, solo necesita usar el ID de la etiqueta de video y su botón de reproducción / pausa.
EDITAR:
En JavaScript vanilla: un video no es una función, sino parte de DOM, por lo tanto, use
video.play();
En lugar de
video().play() **wrong**
Por lo que veo, el video no es una función, entonces, ¿por qué tiene paréntesis? Ese es tu error.
Entonces en lugar de video() Solo usa video
Este tipo de trabajos (usando jquery) para mí en Chrome v22, Firefox v15 e IE10:
$('video').on('click', function (e) {
if (this.get(0).paused) {
this.get(0).play();
}
else {
this.get(0).pause();
}
e.preventDefault();
});
los preventDefault aquí detuvo el problema de salto de cuadro que ve, pero luego rompe los otros botones en la sección de control como pantalla completa, etc.
Parece que no es fácil por qué hacerlo. Pensé que los vendedores habrían tenido clic para jugar de forma predeterminada, parece lo lógico. : |