Heim >Web-Frontend >HTML-Tutorial >So implementieren Sie Audio Stop in HTML
So implementieren Sie Audio Stop in HTML
- 醉折花枝作酒筹Original
- 2021-06-08 17:02:184797Durchsuche
In HTML können Sie die Puase-Methode verwenden, um Audio zu stoppen. Das Syntaxformat lautet „object.pause();“. Die Methode „pause()“ stoppt (pausiert) die aktuell wiedergegebene Audio- oder Videowiedergabe, wird normalerweise zusammen mit der Methode „play()“ verwendet und verwendet das Controls-Attribut, um Audiosteuerelemente anzuzeigen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer. Die Methode
pause() stoppt (pausiert) die aktuell wiedergegebene Audio- oder Videowiedergabe.
Tipps: Diese Methode wird normalerweise zusammen mit der play()-Methode verwendet.
Tipp: Verwenden Sie das Controls-Attribut, um Audiosteuerelemente anzuzeigen (z. B. Audio: Wiedergabe, Pause, Suche, Lautstärke usw.).
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>视频播放</title>
</head>
<body>
<script>
window.onload =function(){
var ov=document.getElementById("a1");
ov.onmouseover=function() {
this.play();
}
ov.onmouseout =function() {
this.pause();
}
};
</script>
<video id="a1" src="陈奕迅 - 陪你度过漫长岁月.mp4" controls loop width="400" height="400">你的浏览器不支持</video>
</body>
</html>Effekt:
play()-Methode startet die Wiedergabe des aktuellen Audios.
Wenn sich der Mauspfeil in das Video bewegt, wird die Wiedergabefunktion ausgelöst und das Video abgespielt.
Wenn der Mauspfeil das Video verlässt, wird die Pausenfunktion ausgelöst und das Video angehalten.
Empfohlenes Lernen: HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo implementieren Sie Audio Stop in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!