当前第2页 返回上一页
提示：使用 controls 属性来显示视频控件 (如：播放，暂停，查找，音量等)。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <!DOCTYPEHTML>
<html>
<head>
<meta charset="utf-8">
<title>播放与暂停</title>
<script type="text/javascript">
var videoEl=null;
function Play(){
videoEl.play(); /* 播放视频 */
}
function Pause(){
videoEl.pause(); /* 暂停播放 */
}
window.onload=function(){
videoEl=document.getElementById("myPlayer");
}
</script>
</head>
<body>
<video id="myPlayer" src="resources/video.mp4" width="600" controls>
你的浏览器不支持video元素
</video><br>
<div id="time"></div>
<input type="button" value="播放" onclick="Play()" />
<input type="button" value="暂停" onclick="Pause()" />
</body>
</html>
|
推荐学习：html视频教程
以上就是html如何实现播放和暂停的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
HTML5+css3实现无插件拖拽上传图片（支持预览与批量）的详情介绍
HTML5之多媒体详细介绍
h5新特性的用法：监听app自带的返回键
用h5制作烟花粒子特效的制作方法
HTML5新特性之离线缓存技术-php中文网
HTML5实践-三步实现响应式设计的详细介绍
用h5做出微信的支付过程的实现步骤
HTML5和html能看出区别吗
自定义实现可以播放暂停、进度拖拽、音量控制及全屏的h5播放器
HTML5/css3 网页加载进度条的实现，下载进度条等经典案例
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html如何实现播放和暂停
