[SOLUCIONADO] Cargar video cada vez que se accede a su ventana

[AjarDeNauer]

Hola gente.

Estoy con otro problema que no consigo resolver.

He insertado vídeos en mi html . El problema lo tengo cuando salgo de la pagina donde éstos se encuentran y vuelvo a acceder a ellos. Me doy cuenta de que no han parado y que siguen su curso o en su defecto se han quedado en el final. A mi lo que me interesa es que cada vez que salga de la pagina, o en este caso del menú del vídeo, dicho vídeo se pare y vuelva al principio o se recargue hasta que se vuelva a acceder a él. Los menús los estoy trabajando con jquery.

Busqué información acerca de las funciones play() stop()... pero la verdad no consigo saber cómo trabajar con ellas en mi código.

Les dejo un ejemplo de cómo tengo dicho código

Código HTML:

<div class="imagenes" data-imagen="videoreloj_proteus">
        <video controls width="700" height="550" ><source src="Vídeos/relojitorapido.mp4" type="video/mp4"></video>
</div>
 

Y bueno cuando accedo al menú jquery le paso el data que contiene el video:

Código Javascript:

var capa = $(this).data("menutres");            
        $("div.imagenes[data-imagen=" + capa + "]").fadeIn();
 

[AjarDeNauer]

Bueno AjarDeNauer.. Tienes que usar un identificador o selector para usar las funciones pause() o play(), ya que no son funciones jquery ..
Así por ejemplo podrías utilizar un id="videos" y recogerlo para trabajar sobre él :

Código HTML:

<video id="videos" controls width="700" height="550" ><source src="Vídeos/relojitorapido.mp4" type="video/mp4"></video>
 

Código Javascript:

$("li.menu2").click(function(){ 
 
document.getElementById('videos').pause();
...
}
 

Cada vez que accedas a él o le des a otro elemento del menu2, el video hará una pausa que luego, mediante controls, el usuario podrá darle al play cuando quiera.