本文摘自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你不得不知的事
HTML5头部 meta介绍
h5 canvas api中drawimage(图像进行缩放或裁剪)的使用实例
react高阶组件（装饰器）的介绍（代码示例）
关于HTML5中的localstorage详细介绍（图）
cookie的具体使用方法
总结HTML5表单(二) input type 各种输入, 各种用户选择,上传
分享一个h5上传本地图片以及预览功能的图文实例
HTML5如何实现图片转圈的动画效果
h5设置或返回音频/视频所属的媒体组合的名称的属性mediagroup
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html5开始播放当前的音频或视频的方法
