Discussion :

[Oberown]

Bonjour,

J'ai 3 vidéos sur ma page. J'utilise le tag <video>.
Je souhaiterai quand je place la souris au dessus d'une vidéo que ça la lance et que ça met en pause les 2 autres.

Est-ce possible ? Comment faire ? Ce sont mes premiers pas en html5

Merci beaucoup pour votre aide

[moog]

Vous pouvez gérer ça facilement avec jQuery :
Vous pouvez vous inspirer de cet exemple qui met en pause une vidéo lorsque le curseur de la souris est placé sur la vidéo

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#id_de_la_video')
        .on('mouseenter', function(e) {
            this.play();
        })
        .on('mouseleave', function(e) {
            this.pause();
        });
    });
</script>