English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'evento play viene scatenato quando inizia la riproduzione.
Manuale di riferimento DOM Audio/Video HTML
Mostra un messaggio di avviso quando inizia la riproduzione del video:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Utilizzo dell'evento onplay per audio/video HTML5 - Tutorial di base (oldtoolbag.com)</title> </head> <body> <p>Premi il pulsante di riproduzione.</p> <video id="myVideo" width="320" height="176" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Il tuo browser non supporta il tag HTML5 video. </video> <script> var vid = document.getElementById("myVideo"); vid.onplay = function() { alert("La riproduzione del video è iniziata"); }; </script> </body> </html>Prova a vedere ‹/›
L'evento play viene scatenato quando l'audio/video (audio/video) inizia a riprodursi.
Suggerimento: pause L'evento viene scatenato quando l'audio/video (audio/video) viene messo in pausa o ripreso.
IEFirefoxOperaChromeSafari
In HTML:
<audio|video onplay="myScript">Prova a fare un tentativo
In JavaScript, utilizzare il metodo addEventListener():
audio|video.addEventListener("play", myScript);Prova a fare un tentativo
Attenzione: Internet Explorer 8 e versioni precedenti non supportano addEventListener() Metodi.
Dettagli tecniciTag HTML supportati: | <audio> e <video> |
---|---|
Oggetti JavaScript supportati: | Audio, Video |
Mostra un messaggio di avviso quando inizia la riproduzione dell'audio:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Guida di base all'uso dell'evento play HTML Audio/Video - oldtoolbag.com</title> </head> <body> <p>Premi il pulsante di riproduzione.</p> <audio id="myAudio" controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Il tuo browser non supporta l'elemento audio. </audio> <script> var aud = document.getElementById("myAudio"); aud.onplay = function() { alert("L'audio è iniziato a riprodursi"); }; </script> </body> </html>Prova a vedere ‹/›