Tengo una página con múltiples videos emergentes. Uso el mismo elemento de video para cada uno de ellos y solo cambio el atributo src después del evento de clic.

PERO, tengo un problema (solo en Chrome) a veces aparece la ventana emergente y el video no se reproduce, y cuando copio/pego el enlace URL del elemento de video en otra pestaña, el enlace se carga sin cesar y todas las páginas hacer lo mismo. Necesito reiniciar Chrome para que funcione.

No hay error JS cuando sucede. El tamaño de los videos es inferior a 5mb.

Aquí está mi controlador de clics:

 $(".playerContainer video").attr("src", videoUrl); $(".playerContainer video")[0].play();

Mi html del video:

 <video poster="" id="video-popup" preload playsinline> <source src="" type="video/mp4"> </video>

Mi versión de Chrome:

 Version 98.0.4758.80

Gracias por tu tiempo :)