Heim  >  Artikel  >  Web-Frontend  >  So stoppen Sie die Videowiedergabe in HTML5-Videos

So stoppen Sie die Videowiedergabe in HTML5-Videos

青灯夜游
青灯夜游Original
2021-05-20 16:30:2515456Durchsuche

So stoppen Sie die Wiedergabe eines Videos in einem HTML5-Video: Verwenden Sie zuerst „document.getElementById(„id value“)“, um das Videoobjekt abzurufen. Verwenden Sie dann die Anweisung „video object.pause()“, um das aktuelle Video zu stoppen (anzuhalten). Video abspielen.

So stoppen Sie die Videowiedergabe in HTML5-Videos

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5 und Javascript Version 1.8.5, Dell G3-Computer.

html5-Video Wiedergabe des Videos stoppen

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
</head>
<body> 

<div style="text-align:center"> 
  <button onclick="playPause()">播放/暂停</button> 
  <br><br>
  <video id="video1" width="420">
    <source src="mov_bbb.mp4" type="video/mp4">
    <source src="mov_bbb.ogg" type="video/ogg">
    您的浏览器不支持 HTML5 video 标签。
  </video>
</div> 

<script> 
var myVideo=document.getElementById("video1"); 

function playPause()
{ 
	if (myVideo.paused) 
	  myVideo.play(); 
	else 
	  myVideo.pause(); 
} 
</script> 

</body> 
</html>

Rendering:

So stoppen Sie die Videowiedergabe in HTML5-Videos

Zugehörige Funktionsbeschreibung:

play()-Methode startet die Wiedergabe des aktuellen Audios oder Videos. Die Methode

pause() stoppt (pausiert) die aktuell wiedergegebene Audio- oder Videowiedergabe.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !

Das obige ist der detaillierte Inhalt vonSo stoppen Sie die Videowiedergabe in HTML5-Videos. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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