Saber 酱的抱枕

Fly me to the moon

12/10
2014
学习

使用html5的video标签插入视频

saber 撰写 6条回复 3,030次查看


代码如下：

<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标签插入视频

    1. saber酱 文章作者
      UnknownUnknownUnknownUnknown

      进行邪教的洗脑么 <img src="http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/19/heia_org.gif" />

      回复
  3. locationiskey
    Internet Explorer 11.0Internet Explorer 11.0Windows 7Windows 7

    html5原生不可能说去用商业化的解码的，只能用ogg什么的……这是无解的

    另，现在网站好卡！

    回复
    1. saber 文章作者
      Google Chrome 38Google Chrome 38Windows 7 x64 EditionWindows 7 x64 Edition

      恩，这点确实导致了使用上很大的限制。另外这个卡是因为雪花←_←能占用i3 4代20-30%的cpu资源
      i7能占到15-20%，这实在是so叼

      回复

评论 saber 撤销评论