So implementieren Sie Audio Stop in HTML-HTML-Tutorial-php.cn

So implementieren Sie Audio Stop in HTML

醉折花枝作酒筹

Freigeben： 2021-06-08 17:02:18

Original

4725 Leute haben es durchsucht

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.

So implementieren Sie Audio Stop in HTML

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>

Nach dem Login kopieren

Effekt:

So implementieren Sie Audio Stop in HTML

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!