javascript - play - video dom events

HTML5 Video pausa y rebobinado

Question

¿Hay alguna forma de detener y rebobinar a 0s un video HTML5? ¿O simplemente para?

Recibí una ventana emergente jQuery, por lo que cuando alguien hace clic en ella, aparece la ventana emergente y se reproduce el video, y cuando tocas el botón de cerrar, el video se detiene. Entonces, lo que intento hacer es que si vuelves a hacer clic en el botón para mostrar la ventana emergente, el video comienza en la posición inicial (0 segundos).

Gracias.

Answer 1

Para restablecer un video a 0 segundos en jQuery :

$(''#video'')[0].currentTime = 0;

O, en JS vainilla (aunque esto se ha señalado anteriormente):

var video = document.getElementById(''video'');
video.currentTime = 0;

Answer 2

Para tener una funcionalidad adecuada de stop (pausa y rebobinado), puede hacer lo siguiente:

var video = document.getElementById(''vidId'');
// or video = $(''.video-selector'')[0];
video.pause();
video.currentTime = 0;
video.load();

Nota: Esta es la única versión que funcionó para mí en Chrome utilizando nodejs ( meteorjs ) en el backend, que sirve archivos webm y ogg

Answer 3

Puede obtener una referencia a su elemento de video jquery al abrirlo (o cerrar la ventana emergente) y pausarlo usando pause (), y luego establecer la propiedad "currentTime" en 0 para volver al principio.

Aquí hay una referencia a la documentation para currentTime.

aquí hay una muestra de código:

var mediaElement = document.getElementById("video"); 
mediaElement.pause(); 
mediaElement.currentTime = 0;

Answer 4

Simplemente llame al método pause() del elemento de video. Para restablecer la hora, configure currentTime en 0 (o cualquier otro valor si es necesario, en segundos).