首页 > Web开发 > 详细

初探html5---Video + DOM(视频播放)

时间:2015-05-22 16:24:39      阅读:224      评论:0      收藏:0      [点我收藏+]

1:HTML5 开发环境下  lang="en"

2:

<video width="320" height="240" controls="controls">     其中  controls="controls" controls 属性供添加播放、暂停和音量控件。

<div style="text-align:center">
<button onclick="bigen()">播放/暂停</button>
<button onclick="big()">大</button>
<button onclick="centre()">中</button>
<button onclick="small()">小</button>
</br>
<video id="video1" width="420" style="margin-top;15px;" controls="controls">
<source src="mp4/mov_bbb.mp4" type="video/mp4"/>
<source scr="mp4/mov_bbb.mp4" type="video/ogg">
</video>
</div>
<script type="text/javascript">
var myone1=document.getElementById("video1");

function bigen()
{
if(myone1.paused)
myone1.play();
else
myone1.pause();
}
function big()
{
myone1.width=560;
}
function centre()
{
myone1.width=420;
}
function small()
{
myone1.width=320;
}
</script>

初探html5---Video + DOM(视频播放)

原文:http://www.cnblogs.com/roves/p/4522349.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!