English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Wenn playback oder streaming das Ende des Mediums erreicht hat oder keine weiteren verfügbaren Daten mehr vorhanden sind, wird ein ended Ereignis ausgelöst.
HTML Audio/Video DOM Reference Manual
Nachdem das Audio abgespielt wurde, wird eine Hinweisinformation angezeigt:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">-8">
<title>HTML Audio/Using the video ended event-Basic Tutorial(oldtoolbag.com)</title>
</head>
<body>
<p>Drücken Sie die Wiedergabeschaltfläche und warten Sie auf das Abspielen des Audios</p>
<audio id="myAudio" controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio3" type="audio/mpeg">
Ihr Browser unterstützt das audio-Element nicht.
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onended = function()
{
alert("Das Audio wurde vollständig abgespielt");
};
</script>
</body>
</html>Test and see ‹/›Wenn der Audio/Wird ein end Ereignis ausgelöst, wenn das Video am Ende angelangt ist.
Dieses Ereignis ist für Nachrichten wie "Vielen Dank für das Zuhören", "Vielen Dank für das Ansehen" und ähnliches sehr nützlich.
IEFirefoxOperaChromeSafari
In HTML:
<audio|video onended="myScript">Testen Sie es mal
In JavaScript:
audio|video.onended=function(){myScript};Testen Sie es mal
In JavaScript, verwenden Sie die Methode addEventListener():
audio|video.addEventListener("ended", myScript);Testen Sie es mal
Hinweis: Internet Explorer 8 und earlier IE-Browser unterstützen dies nicht addEventListener() Methoden.
Technische Details| Unterstützte HTML-Elemente: | <audio> und <video> |
|---|---|
| Unterstützte JavaScript-Objekte: | Audio, Video |
Nachdem das Videoplay abgeschlossen ist, wird eine Hinweisinformation angezeigt:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">-8">
<title>HTML Audio/Using the video ended event-Basic Tutorial(oldtoolbag.com)</title>
</head>
<body>
<p>Press the play button and wait for the video to finish playing.</p>
<video id="myVideo" width="320" height="176" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support HTML5 video Tag.
</video>
<script>
var vid = document.getElementById("myVideo");
vid.onended = function()
{
alert("Video playback has completed");
};
</script>
</body>
</html>Test and see ‹/›