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

全国咨询/投诉热线: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()方法效果展示

javaee

python

web

ui

cloud

test

c

netmarket

pm

Linux

movies

robot

uids

北京校区

    14天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    20天免费试学

    基础班入门课程限时免费

    申请试学名额

    8天免费试学

    基础班入门课程限时免费

    申请试学名额

    20天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    0天免费试学

    基础班入门课程限时免费

    申请试学名额

    12天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    10天免费试学

    基础班入门课程限时免费

    申请试学名额
    广东11选5 广东11选5 广东11选5 极速3D 广东11选5 广东11选5 极速3D 极速3D 广东11选5 广东快乐十分