我对 html5 很陌生,并试图从实践中理清理论。
无论好坏,我们的转码器只输出 .mp4 视频文件。
理论
我已经生成了 html5 视频元素来执行以下操作(或者我认为):
- 使用“特定于编解码器”的源元素指定 html5 视频标签
嵌入一个链接,如果浏览器不支持以下任何一项,它就会显示该链接:
- 视频元素
- 编解码器
思路:如果浏览器不支持“video”标签或者编解码器,就会显示链接
问题
我知道当前版本的 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”生成,并且在不同浏览器上的结果不一致(即有时有效,有时无效)
谢谢