本文摘自PHP中文网，作者黄舟，侵删。
实例
带有播放和暂停按钮的一段视频：
1 2 3 4 5 6 7 8 | var myVideo=document.getElementById("video1");
function playVid()
{ myVideo.play();
}
function pauseVid()
{
myVideo.pause();
}
|
定义和用法
play() 方法开始播放当前的音频或视频。
浏览器支持
所有主流浏览器都支持 play() 方法。
注释：Internet Explorer 8 以及更早版本不支持该方法。
语法
代码实例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>视频播放</title>
</head>
<body>
<script>
window.onload =function(){
var ov=document.getElementById("a1");
ov.onmouseover=function() {
this.play();
}
ov.onmouseout =function() {
this.pause();
}
};
</script>
<video id="a1" src="陈奕迅 - 陪你度过漫长岁月.mp4" controls loop width="400" height="400">你的浏览器不支持</video>
</body>
</html>
|
以上就是html5开始播放当前的音频或视频的方法的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
HTML5中返回audiotracklist对象的属性audiotracks
如何解决HTML5微信播放全屏问题的方法
html4与HTML5的区别有哪些
HTML5 canvas如何绘制圆形？（代码实例）
5个java开发人员必须重视HTML5的理由
详解h5的自定义属性data-*
HTML5打开本地app应用的示例代码
HTML5实现一个简单的在线画板
自定义实现可以播放暂停、进度拖拽、音量控制及全屏的h5播放器
如何利用微信内嵌h5网页解决js倒计时失效的问题
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html5开始播放当前的音频或视频的方法
