2010-10-01 216 views

回答

1

HTML5视频元素支持一小部分视频封装,因此您的视频必须进行几次编码才能完全跨平台播放。

DiveIntoHTML5 Video有一个兼容性表,列出了不同浏览器上可用的格式。

简单的视频示例;

<video id="movie" width="320" height="240" preload controls> 
    <source src="pr6.mp4" /> 
    <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' /> 
    <source src="pr6.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/bbb_480p.mp4", "autoPlay":false, "autoBuffering":true}}' /> 
    <p>Download video as <a href="pr6.mp4">MP4</a>, <a href="pr6.webm">WebM</a>, or <a href="pr6.ogv">Ogg</a>.</p> 
    </object> 
</video>