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

标签：

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