溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

html5中video如何停止播放視頻

發(fā)布時(shí)間：2021-05-21 09:22:00 來源：億速云 閱讀：1390 作者：小新 欄目：web開發(fā)

這篇文章主要介紹html5中video如何停止播放視頻，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

html5 video停止播放視頻的方法：首先使用“document.getElementById("id值")”獲取到video對(duì)象；然后使用“video對(duì)象.pause()”語(yǔ)句停止（暫停）當(dāng)前播放的視頻即可。

本教程操作環(huán)境：windows7系統(tǒng)、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 標(biāo)簽。
  </video>
</div> 

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

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

</body> 
</html>

效果圖：

html5中video如何停止播放視頻

相關(guān)函數(shù)說明：

play() 方法開始播放當(dāng)前的音頻或視頻。

pause() 方法停止（暫停）當(dāng)前播放的音頻或視頻。

以上是“html5中video如何停止播放視頻”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手