这篇文章将为大家详细讲解有关HTML5如何实现开始播放当前的音频或视频,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。实例带有播放和暂停按钮的一段视频:var m
这篇文章将为大家详细讲解有关HTML5如何实现开始播放当前的音频或视频,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
实例
带有播放和暂停按钮的一段视频:
var myVideo=document.getElementById("video1");
function playVid()
{ myVideo.play();
}
function pauseVid()
{
myVideo.pause();
}
定义和用法
play() 方法开始播放当前的音频或视频。
浏览器支持
所有主流浏览器都支持 play() 方法。
注释:Internet Explorer 8 以及更早版本不支持该方法。
语法
audio|video.play()
代码实例:
<!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如何实现开始播放当前的音频或视频”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
--结束END--
本文标题: html5如何实现开始播放当前的音频或视频
本文链接: https://www.lsjlt.com/news/80834.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0