HTML5 中有两种方式在网页中引入视频
<video src=" " width=" " height=" " controls使用浏览器内置的控制界面 preload在页面加载时就开始下载视频 autoplay页面加载就下载,可行就播放></video>
<video>有play() 和 pause()方法,currentTime属性
例子
<video id="movie" width="320" height="240" preload controls>
<source src="1.mp4" type='video/mp4; codecs="avc1.42E01E,mp4a.40.2" ' >
<source src="1.webm" type='video/webm; codecs="vp8, vorbis" '>
<source src="1.ogv" type='video/ogg; codecs="theora,vorbis" '>
<object width="320" height="240" type="application/x-shockwave-flash" data="flowplayer-3.2.1.swf">
<param name="movie" value="flowplayer-3.2.1.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={"clip":{"url":"http://wearehugh.com/dih5/good/bb_480p.mp4","autoPlay":false, "autoBuffering":true}}' />
<p>Download video as
<a href="1.mp4">MP4</a>,
<a href="1.webm">WebM</a>, or
<a href="1.ogv>Ogg</a>. </p>
</object> //向后兼容
</video>