教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

HTML 5 vido pause()方法暫停視頻怎么實現(xiàn)？[web前端培訓(xùn)]

更新時間:2019年12月25日11時34分 來源:傳智播客 瀏覽次數(shù):

pause() 方法的作用：
停止(暫停)當(dāng)前播放的音頻或視頻
 
語法規(guī)則：
audio|video.pause()
 
瀏覽器支持
所有主流瀏覽器都支持 pause() 方法。注意：Internet Explorer 8 以及更早版本不支持該方法。推薦了解傳智播客web前端課程。


下面我們通過實例來展示：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>傳智播客web前端教程之video pause（）演示</title> 
</head> 
<body>
<video id="myVideo"  width="640" height="360" controls="controls">
    <source id="mp4_src" src="1.爬蟲基礎(chǔ)知識和軟件準(zhǔn)備.mp4" type="video/mp4">
    <source id="ogg_src"  src="1.爬蟲基礎(chǔ)知識和軟件準(zhǔn)備.ogg" type="video/ogg">
  您的瀏覽器不支持 video 標(biāo)簽。
</video>
<p>點擊按鈕播放或暫停視頻。</p>
    <button onclick="playVid()" type="button">播放</button>
    <button onclick="pauseVid()" type="button">暫停</button> 
<script>
var x = document.getElementById("myVideo"); 
function playVid(){ 
    x.play(); 
} 
function pauseVid(){ 
    x.pause(); 
} 
</script>
</body>
</html>

運(yùn)行結(jié)果如下：
pause()方法效果展示

0 分享到：
和我們在線交談！