HTML5 视频标签中的 Flash 后备在 Opera 中不起作用答案

【问题标题】：Flash fallback in HTML5 video tag does not work in OperaHTML5 视频标签中的 Flash 后备在 Opera 中不起作用
【发布时间】：2014-02-04 12:43:32
【问题描述】：

<video controls>
    <source src="video.mp4" type="video/mp4">
    <object>
    ...
    </object>
</video>

这个带有 mp4 视频和 Flash 后备的 HTML5 视频标签适用于所有单个浏览器，除了 PC 上的 Opera。

但如果我将“对象”从“视频”中移出，它会起作用 - 这意味着 Flash 已正确安装并可以正常工作。

是否有解决方案，或者我是否必须通过检查浏览器然后为 Opera 显示纯 Flash 播放器来做出某种解决方法？

【问题讨论】：

标签： html cross-browser html5-video opera

【解决方案1】：

Flash 后备仅适用于无法原生处理 <video> 元素的旧浏览器 - 但不包括 Opera。 Opera 尝试播放您的 HTML5 媒体...但失败了。

您的问题是 Opera 无法播放 mp4 文件。尝试添加一个备用 webm 版本来支持它：

<video controls>
    <source src="video.mp4" type="video/mp4">
    <source src="video.webm" type="video/webm">
    <object>
    ...
    </object>
</video>

【讨论】：

谢谢，这解释了很多。但我不想强迫我的客户为每个视频上传两种不同的格式。除了做我上面解释的解决方法之外，没有其他方法可以解决这个问题吗？
这当然是使用 HTML5 媒体的一个陷阱。阅读有关支持的文件类型的说明：developer.mozilla.org/en-US/docs/HTML/Supported_media_formats。要坚持使用单一格式，您可以尝试 MediaElement.js mediaelementjs.com 使用的“Flash fallbackforward”方法。
MediaElement.js 很棒，但如果我可以使用带有简单 Flash 后备的普通 html5，而不是处理 MediaElement.js 的 js 和 css 文件，那就更好了。我喜欢简单。