Mettre en pause automatiquement des vidéos

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

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:

---

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>

---