AutoStart Vidéo avec onmouseover

MaxSliw
Javascript

Salut à tous ! Je voudrais savoir comment lancer une vidéo HTML5 une fois que l'utilisateur ce place sur une div, et la mettre en pause quand il en sort... Voici le code: 

<div class="video-container animated" id="div_video">
<video id="video" with="250" height="330" src="img/video.mp4">video</video></div>     

<script> 
var div_video = document.getElementById("div_video");
var video = document.getElementById("video");
if(div_video.onmouseover == true){
video.play();}
</script>

Merci d'avance :)

2 réponses

Anthoo

Il faut que tu revois le système d'évènements en JavaScript. Pour attacher un évènement simplement :

video.onmouseover = function () {
    this.play();
};
MaxSliw
Auteur

Merci je test cela dans l'après midi