In HTML können Sie die Play-Methode verwenden, um das aktuelle Audio oder Video abzuspielen, und die Pause-Methode, um das aktuelle Audio oder Video anzuhalten. Das Syntaxformat ist „element object.play()/pause()“. Diese beiden Methoden werden häufig zusammen verwendet und Videosteuerelemente können mithilfe der Eigenschaft „controls“ angezeigt werden.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer. Die Methode
play() startet die Wiedergabe des aktuellen Audios oder Videos.
Alle gängigen Browser unterstützen die play()-Methode.
Hinweis: Diese Methode wird in Internet Explorer 8 und früher nicht unterstützt. Die Methode
pause() stoppt (pausiert) die aktuell wiedergegebene Audio- oder Videowiedergabe.
Tipp: Diese Methode wird normalerweise zusammen mit der play()-Methode verwendet.
Tipp: Verwenden Sie das Steuerelementattribut, um Videosteuerelemente anzuzeigen (z. B. Wiedergabe, Pause, Suche, Lautstärke usw.).
<!DOCTYPEHTML>
<html>
<head>
<meta charset="utf-8">
<title>播放与暂停</title>
<script type="text/javascript">
var videoEl=null;
function Play(){
videoEl.play(); /* 播放视频 */
}
function Pause(){
videoEl.pause(); /* 暂停播放 */
}
window.onload=function(){
videoEl=document.getElementById("myPlayer");
}
</script>
</head>
<body>
<video id="myPlayer" src="resources/video.mp4" width="600" controls>
你的浏览器不支持video元素
</video><br>
<div id="time"></div>
<input type="button" value="播放" onclick="Play()" />
<input type="button" value="暂停" onclick="Pause()" />
</body>
</html>Empfohlenes Lernen: HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo implementieren Sie Wiedergabe und Pause in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Was sind die Produktionsmethoden der HTML5-Animationsproduktion?
Der Unterschied zwischen HTML und HTML5
Welche Methoden gibt es, um SQL-Injection zu verhindern?
Was bedeutet STO in der Blockchain?
Methode zur Erkennung toter Website-Links
So beheben Sie den Fehler 0xc000409
Blockchain-Abfrage des Ethereum-Browsers
C#-Task-Nutzung
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
