59859cc威尼斯官网-威尼斯欢乐娱人成app

教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

传智教育|传智播客

一样的教育,不一样的品质

全国校区

 

  • JavaEE
  • HTML&JS+前端
  • Python+大数据开发
  • 人工智能开发
  • UI/UE设计
  • App测试
  • 新媒体+短视频
    直播运营
  • 59859cc威尼斯官网-威尼斯欢乐娱人成app

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.爬虫基础常识和App准备.mp4" type="video/mp4">
    <source id="ogg_src"  src="1.爬虫基础常识和App准备.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()方法效果展示

0 分享到:

59859cc威尼斯官网|威尼斯欢乐娱人成app

XML 地图 | Sitemap 地图