css - HTML5 视频在 Opera 和 Firefox 中不起作用

Question

我在我的网站上放了一些 HTML5 视频，只是注意到它们不能在 Opera 和 Firefox 中播放，但在 Chrome 和 Safari 中运行良好。它们是 720p 视频，但我按比例缩小播放器，因为完整的 720p 不适合我的布局（不确定这是否是一个问题）。

这是我网站上的一个视频示例，尽管我所有的视频页面都发生了同样的事情：http ://willryan.us/video_tilda.html

Answer 1

不同的浏览器支持不同的视频格式。目前，您应该使用三种格式对视频进行编码：

• MP4（H.264 视频 + AAC 音频）[专有，最佳视频质量]，
• WebM（VP8 视频 + Ogg Vorbis 音频）[开放，H.264 可比视频质量]，
• Ogg Theora [开放，与 MP4/H.264 和 WebM 相比，视频质量较低]。

您的页面仅包含 MP4 变体。为了更好地兼容不同的浏览器，您应该至少额外提供 WebM 变体。

您可以尝试使用XviD4PSP等免费工具将视频转码为不同格式。

Answer 2

它可以是 Firefox 支持的标准 webm 格式以外的另一种格式。您可以尝试在 Firefox 中安装非标准支持。