实例
带有播放和暂停按钮的一段视频:
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>登录后复制
【说明】:本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!
【说明】:本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!
相关教程推荐
- H5的canvas实现贪吃蛇小游戏
- H5如何做出碎片式的图片切换
- phonegap播放音频详解
- html5新增加的标签有哪些
- H5添加语音输入功能
- H5的头部meta标签如何使用
- H5最全面解读
- 怎样用H5Canvas实现3D动态Chart图表
- 关于老版本的浏览器不兼容H5和C3的处理方法
- html5中重新加载音频/视频元素的方法load()
- Dreamweaver中设置html网页段落行间距的方法指导
- 带你了解什么是HTML5?
- 利用Html5实现文件异步上传功能代码实例
- HTML5canvas实现中奖转盘的实例代码
- 常用的<meta>代码整理汇总
- JS之原生数组splice方法实例
- 如何解决滚动条样式问题
- 在H5页面中怎样调用APP
- html如何定义错误提示
- HTML5设置视频背景的方法介绍
其他课程推荐
- NextRecordset 和 GetRows 双簧合奏
- 突破空格的限制
- 为什么在存储过程中用OLEDB方式不能返回记录集
- asp页面无法访问,可尝试开始SQL Server等服务
- asp+mysql+utf8网页出现乱码问题的解决方法_MySQL
- Win2K下配置ASP+CGI+PHP+MySQL_MySQL
- asp获取隐藏域的json 并解析
- 让服务器突破性能极限 阿里云神龙论文入选计算机顶会ASPLOS
- Codeforces Round #397 by Kaspersky Lab and Barcelona Bootcamp (Div. 1 + Div. 2 combined) D. Artsem
- CaaSP4
- android – 在setstatusbarcolor之后的trasparent状态栏navigationdrawer
- cls_main.asp第1/3页
- asp分页的一个类
- ASP数据岛操作类
- Object对象的一些的隐藏函数介绍
- 实现ASP程序执行时间统计类的代码
- asp下生成目录树结构的类
- ASP中类Class相关内容的整理资料
- 实现支持逻辑搜索/单词搜索/词组搜索+支持OR/AND关键字的VBSCLASS!
- ASP中一个用VBScript写的随机数类