Hola gente! Nuevamente recurro al foro para que me ayuden.
Quiero que al pulsar en la "x" para salir se detenga el video. Lo que realice me funciona pero solo para el primer video y no para los demás. Es un lightbox hecho con CSS3.
Aqui les dejo el código...
Código HTML:
Ver original<div class="videos_container"> <div class="lb-overlay" id="video-1"> <video class="videos" src="Museo.mp4" controls preload></video> <a href="#contenedor" class="lb-close" onclick="video_load()">x
</a>
<div class="lb-overlay" id="video-2"> <video class="videos" src="Museo.mp4" controls preload></video> <a href="#contenedor" class="lb-close" onclick="video_load()">x
</a>
Código Javascript
:
Ver original<script>
var myVideo = $('.videos');
function video_load(){
myVideo.load();
}
</script>