我在我的网站上放了一些 HTML5 视频，只是注意到它们不能在 Opera 和 Firefox 中播放，但在 Chrome 和 Safari 中运行良好。它们是 720p 视频，但我按比例缩小了播放器，因为完整的 720p 不适合我的布局(不确定这是否是一个问题)。
这是我网站上的视频示例，尽管我的所有视频页面都会发生同样的情况:http://willryan.us/video_tilda.html
最佳答案
不同的浏览器支持不同的视频格式。目前，您应该使用三种格式对视频进行编码:
- MP4(H.264 视频 + AAC 音频)[专有，最佳视频质量]，
- WebM(VP8 视频 + Ogg Vorbis 音频)[开放，与 H.264 相当的视频质量]，
- Ogg Theora [开放，与 MP4/H.264 和 WebM 相比，视频质量较低]。
您的页面仅包含 MP4 变体。为了更好地兼容不同浏览器，您还应该至少提供 WebM 变体。
您可以尝试使用免费工具，例如 XviD4PSP将您的视频转码为不同的格式。
关于css - HTML5 视频在 Opera 和 Firefox 中不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12698435/