Heim > Web-Frontend > H5-Tutorial > Hauptteil

HTML5-Methode pause() zum Anhalten (Pause) der aktuell wiedergegebenen Audio- oder Videowiedergabe

黄舟
Freigeben: 2017-11-08 09:29:14
Original
11723 Leute haben es durchsucht

Beispiel

Ein Video mit Wiedergabe- und Pause--Tasten:

var myVideo=document.getElementById("video1");
function playVid()
  {
  myVideo.play();
  }
function pauseVid()
  {  myVideo.pause();
  }
Nach dem Login kopieren

Definition und Verwendung

Die Pause ()-Methode stoppt (pausiert) das aktuell abgespielte Audio oder Video.

Browserunterstützung

Alle gängigen Browser unterstützen die pause()-Methode.

Hinweis: Diese Methode wird in Internet Explorer 8 und früher nicht unterstützt.

Syntax

audio|video.pause()
Nach dem Login kopieren

Wenn Sie js verwenden möchten, um die Pause und Wiedergabe von Audio zu steuern, können wir das Klick--Ereignis nicht direkt zum benötigten Audio hinzufügen um eine weitere Schaltfläche hinzuzufügen.

HTML-Code lautet wie folgt:

<button onclick="playPause()">播放/暂停</button>
<audio id="audio1" width="420" >
    <source src="example.mp4" type="audio/mp4" />
    <source src="example.ogg" type="audio/ogg" />
</audio>
Nach dem Login kopieren

JS-Code lautet wie folgt:

var myAudio = document.getElementById(&#39;audio1&#39;);
    function playPause(){
        if(myAudio.paused){
            myAudio.play();
        }else{
            myAudio.pause();
        }
    }
Nach dem Login kopieren


Das obige ist der detaillierte Inhalt vonHTML5-Methode pause() zum Anhalten (Pause) der aktuell wiedergegebenen Audio- oder Videowiedergabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage