saber 酱的抱枕

Fly me to the moon

12/10
2014
学习

使用html5的video标签插入视频

saber 撰写 6条回复 2,575次查看


代码如下：

<video src="/f/Eternal Feather.mp4" poster="PreviewImgSrc" controls="controls" width="720" height="461">
您的浏览器不支持 video 标签。
</video>

需要注意的是，video标签目前支持良好的格式只有mp4(h264编码)、ogg、WebM格式。

PS：今天发现video标签（至少在ChromeV39、FirefoxV32、IE11）支持flv格式，但也许对编码有要求。上面的视频源文件是flv的不能播放，但是下面我用MediaCoder转换的flv可以播放：

查看W3C对video标签的解释

相关文章：

用视频做为页面背景
使用html5media视频解决方案支援IE8的视频播放

使用html5的video标签插入视频