带有“编解码器选择器”的html5视频元素:后备失败。为什么?

时间:2013-05-20 14:51:05

标签: html5 video html5-video modernizr

我对html5很新,并试图从实践中理清这个理论。

无论好坏,我们的代码转换器只输出.mp4视频文件。

理论

我已经生成了html5视频元素来执行以下操作(或者我认为):

  • 使用“特定于编解码器的”源元素
  • 指定html5视频标记
  • 嵌入浏览器将显示的链接,如果它不支持以下任一项:

    1. 视频元素
    2. 编解码器

想法:如果浏览器不支持“视频”标签或编解码器,它将显示链接

问题

我知道当前版本的firefox(17)不支持mp4。我希望它能显示链接。

然而,在firefox(17)中,firefox显示一个覆盖着此消息的大黑盒子:“没有支持格式的视频和找到的mime类型”

HTML

以下是代码:

<video  
          <source  type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"' src='/videos/33536/foo.mp4' />
          <!-- Fallback: browser should show link of it does not codec -->
          <a href='/videos/33536/foo.mp4'>
                      Click this link to view video
          </a>
</video>

问题

  • 在这种情况下使用html5视频的任何方式?
  • 是firefox'的行为“根据如此规范”或“流氓”?
  • 你能不能推荐这个问题的代码(即使用html5视频和firefox优雅地回退)?我已经尝试过modernizr,但发现它为“Modernizr.video.mp4”生成“可能”,并且在不同的浏览器上有不一致的结果(即有时工作,有时没有)

感谢

1 个答案:

答案 0 :(得分:0)

我所知道的跨浏览器HTML5视频的信息量最大的来源是深入HTML5 ,那里有一个信息世界,包括你需要的Firefox。

查看视频章节http://diveintohtml5.info/video.html

祝你好运!