Entonces, necesito reproducir automáticamente un par de videos con la misma clase en la carga de la página. Eso está bien. Luego, cuando los videos comienzan a reproducirse, cuando alcanzan 1 segundo, necesito que se detengan automáticamente. La otra parte es lo que necesito.
<video playsinline muted loop class="video"> <source src="video-source"> </video> let videos = document.querySelectorAll('.video'); window.addEventListener('DOMContentLoaded', () => { videos.forEach(el => { el.play(); }); });Intenté hacer algo como esto, obtuve la hora actual y luego hice una declaración IF pero no tuve suerte. Siempre consola registra 0.
function myFunction() { videos.forEach(el => { console.log(el.currentTime); if(el.currentTime = 5) { el.pause(); } });}
¡Gracias!
El problema que tendrá con su intento actual es que solo se ejecuta una vez, debe tener una forma de verificar su lógica a intervalos para que pueda verificar continuamente el tiempo transcurrido.
Podría considerar usar el evento de video de actualización de tiempo, esto se ejecuta repetidamente mientras se reproduce un video.