Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Sauvegarder le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <body> <p>Dans cet exemple, nous attribuons un attribut "onratechange" à un élément vidéo. La propriété playbackRate est utilisée pour changer la vitesse de lecture de la vidéo.</p> <video id="myVideo" width="320" height="176" autoplay controls onratechange="myFunction()"> <source src="mov_bbb.mp4" type="video/mp4"> <source src="mov_bbb.ogg" type="video/ogg"> Votre navigateur ne prend pas en charge la vidéo HTML5. </video> <br> <button onclick="setPlaySpeed()" type="button">Définir la vidéo pour qu'elle soit lue au ralenti</button> <script> // Obtenez l'élément vidéo avec id="myVideo" let vid = document.getElementById("myVideo"); // Définir la vitesse de lecture actuelle de la vidéo à 0.3 (ralenti) function setPlaySpeed() { vid.playbackRate = 0.3; } // Alerter un texte lorsque la vitesse de lecture de la vidéo est modifiée function myFunction() { alert("l'attribut onratechange a été déclenché - La vitesse de lecture de la vidéo a été modifiée"); } </script> <p>Vidéo fournie par<a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p> </body> </html>