2010年5月23日 星期日

使用HTML5的影片播放

參見原文連結 http://www.inside.com.tw/05/08/how-to-use-html5-video-playback

簡單來說,統統瀏覽器一次打死的方案就是


<video width="640" height="480" poster="_YOUR-POSTER_PATH_.JPG" controls>
<source src="_YOUR-FILE-PATH_.mp4" type="video/mp4"></source>
<source src="_YOUR-FILE-PATH_.ogv" type="video/ogg"></source>
<object width="640" height="480" type="application/x-shockwave-flash" data="_DO-YOUR-FLASH-EMBEDED">
</object>
</video>

注意事項:
第一行.mp4的是H.264格式,.ogv的是OGG格式,
object標籤後面主要是外掛的影片檔案,也可以改用YouTube、Vimeo等外嵌程式片段.最後一行是給沒有辦法支援html5的瀏覽器用的(你/妳的家人與同事,誰會記得要更新瀏覽器呢?XD)

沒有留言:

張貼留言