傳智播客旗下品牌:|||||

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

HTML 5 vido pause()方法暫停視頻怎么實現?[web前端培訓]

更新時間:2019年12月25日11時34分 來源:傳智播客

pause() 方法的作用:
停止(暫停)當前播放的音頻或視頻
 
語法規則:
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.爬蟲基礎知識和軟件準備.mp4" type="video/mp4">
    <source id="ogg_src"  src="1.爬蟲基礎知識和軟件準備.ogg" type="video/ogg">
  您的瀏覽器不支持 video 標簽。
</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>

運行結果如下:
pause()方法效果展示

北京11选5开奖 刷钻网赚可信么吗 快乐赛车投注规律 2019国外网赚项目 2019免费挂机网赚 868彩票 关于网赚知识技术 奔驰彩票开奖 网赚平台是真的吗 163网赚网