首頁 >web前端 >html教學 >html5 video怎麼停止播放視頻

html5 video怎麼停止播放視頻

青灯夜游原創: 2021-05-20 16:30:2515538瀏覽

html5 video停止播放影片的方法：首先使用「document.getElementById("id值")」取得到video物件；然後使用「video物件.pause()」語句停止（暫停）目前播放的影片即可。

html5 video怎麼停止播放視頻

本教學操作環境：windows7系統、HTML5&&javascript1.8.5版、Dell G3電腦。

html5 video停止播放影片

<!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>

效果圖：

html5 video怎麼停止播放視頻

相關函數說明：

play() 方法開始播放目前的音訊或視訊。

pause() 方法停止（暫停）目前播放的音訊或視訊。

更多程式相關知識，請造訪：程式設計影片！！

以上是html5 video怎麼停止播放視頻的詳細內容。更多資訊請關注PHP中文網其他相關文章！

html5 对象

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html怎麼改變背景顏色下一篇：html怎麼改變背景顏色

看更多