English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Wird die Lautstärke geändert, wird das Ereignis volumechange ausgelöst.
HTML Audio/Video DOM Reference Manual
Eine Hinweisinformation wird angezeigt, wenn sich die Lautstärke des Videos ändert:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>HTML Audio</title>/Video onvolumechange Event Usage-Basic Tutorial(oldtoolbag.com)</title>/title>
</head>
<body>
<p>Probieren Sie, die Lautstärke des Videos zu ändern.</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.onvolumechange = function()
{
alert("Volume has changed");
};
</script>
</body>
</html>Test to see ‹/›Jedes Mal, wenn das Video/Wird die Lautstärke des Audios geändert, wird das Ereignis volumechange ausgelöst.
In welchen Fällen wird der Ereignisbezug verwendet:
Lautstärke erhöhen oder verringern
Stummschalten oder Lautstärke aktivieren
Hinweis: Verwenden Sie Audio/des Video-Objekts volume Eigenschaft, um die Lautstärke des Audios zu setzen oder zurückzugeben/Video (audio/der Lautstärke eines Videos. (audio)
IEFirefoxOperaChromeSafari
In HTML:
<audio|video onvolumechange="myScript">Versuchen Sie es aus
In JavaScript:
audio|video.onvolumechange=function(){myScript};Versuchen Sie es aus
In JavaScript, verwenden Sie die Methode addEventListener():
audio|video.addEventListener("volumechange", myScript);Versuchen Sie es aus
Beachten Sie: Internet Explorer 8 und frühere IE-Versionen unterstützen es nicht addEventListener() Methoden.
Technische Details| Unterstützte HTML-Tags: | <audio> und <video> |
|---|---|
| Unterstützte JavaScript-Objekte: | Audio, Video |
Eine Hinweisinformation wird angezeigt, wenn sich die Lautstärke des Audios ändert:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>HTML Audio</title>/Video onvolumechange Event Usage-Basic Tutorial(oldtoolbag.com)</title>/title>
</head>
<body>
<p>Try changing the volume of the audio.</p>
<audio id="myAudio" controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support HTML5 video Tag.
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onvolumechange = function()
{
alert("Volume has changed");
};
</script>
</body>
</html>Test to see ‹/›