【问题标题】: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 后备仅适用于无法原生处理 &lt;video&gt; 元素的旧浏览器 - 但不包括 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 文件,那就更好了。我喜欢简单。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多