Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/04/2014, 15:38
campos22ale
 
Fecha de Ingreso: julio-2013
Mensajes: 31
Antigüedad: 11 años, 4 meses
Puntos: 0
Detener video luego de salir del lightbox

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
  1. <div class="videos_container">
  2.        <div class="lb-overlay" id="video-1">
  3.                 <div class="lb-centrar">
  4.                <video class="videos" src="Museo.mp4" controls preload></video>
  5.                 <a href="#contenedor" class="lb-close" onclick="video_load()">x</a>
  6.             </div>
  7.         </div>
  8.  
  9.           <div class="lb-overlay" id="video-2">
  10.                 <div class="lb-centrar">
  11.                <video class="videos" src="Museo.mp4" controls preload></video>
  12.                 <a href="#contenedor" class="lb-close" onclick="video_load()">x</a>
  13.             </div>
  14.         </div>
  15. </div>

Código Javascript:
Ver original
  1. <script>
  2.     var myVideo = $('.videos');
  3.     function video_load(){
  4.         myVideo.load();
  5.     }
  6. </script>