OnMouseOver sur un événement
Bonjour,
Tout d'abord désolé pour le titre si il est mal formulé, en effet je suis un ZERO en javascript :cry:. La raison d'ailleurs pour laquelle je vous sollicite doit vous paraitre stupide :aie: mais je me lance tout de même....
J'aimerai juste ajouter une action OnMouseOver au lieu de juste cliquer dessus pour executer le href video suivant :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
| <html>
<head>
<title>Test</title>
<script language="JavaScript" type="text/javascript">
function changeVideo(newUrl) {
document.getElementById("video_src").setAttribute("src", newUrl);
}
</script>
</head>
<body>
<div class="gabarit-video">
<video id="player" controls preload="auto" poster="videos/img_video_4.png" onclick="this.play();">
<source id="video_src" src="videos/video_4.webm" type="video/webm" />
<source id="video_src" src="videos/video_4.mp4" type="video/mp4" />
<source id="video_src" src="videos/video_4.ogg" type="video/ogg" />
<source id="video_src" src="videos/video_4_iphone.mp4" type="video/mp4" />
</video>
</div>
<div>
<ul>
<li class="choix-video"><a href="javascript:changeVideo('videos/video_4.webm');" rel="player" >vidéo 1</a></li>
<li class="choix-video"><a href="javascript:changeVideo('videos/video_3.webm');" rel="player" >vidéo 2</a></li>
<li class="choix-video"><a href="javascript:changeVideo('videos/video_2.webm');" rel="player">vidéo 3</a></li>
</ul>
</div>
</body>
</html> |
Merci d'avance à la communauté developpez.net ! :ccool:
Merci j'ai trouvé la réponse
Merci Barsy! Effectivement entre-temps j'ai trouvé la solution :D que voici :
Code:
1
2
| <li><a href="#" OnMouseOver="javascript:changeVideo('http://www.fsmtds.be/videosFSM/test1.mp4');" rel="player" >
Final fantasy 7</a></li> |
Bonne journée à tous :ccool:
