html5 视频标签 + flash 视频：如何更改优先级答案

【问题标题】：html5 video tag + flash video: how to change priorityhtml5 视频标签 + flash 视频：如何更改优先级
【发布时间】：2010-07-06 19:37:49
【问题描述】：

我正在玩 html5 视频，因为很高兴为 iphone/ipad 提供后备。 html5 视频首先检查<source> 元素，如果不支持任何格式，它会退回到<video> 标签内提供的任何内容（例如flash）。

我很想扭转这种行为以节省带宽：默认情况下使用 flash，如果不可用则回退到 html5 视频。

有没有任何方法可以在不使用 javascript 的情况下获得这种行为？（然后解决方案变得非常明显）。

最好的，汉斯，-

附言我确实尝试将元素“由内向外”翻转（<object><video/></object> 而不是 <video><object/></video>，但这会导致视频显示两次）

p.p.s.我目前的解决方案是

if( navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"] ){ ... }
else{ ... }

这是次优的，因为它适用于 iphone/ipad，但在使用未安装 flash 的旧浏览器时会导致大混乱。

【问题讨论】：

您是否在

标签： html html5-video flash-video

【解决方案1】：

感谢“zach at longtail”！，成功了！

作为参考，这里是如何获得“先闪存，然后是 html5”的行为：

<object type="application/x-shockwave-flash" width="..." height="..." data="...">
    <param name="movie" value="..." />
    <video width="..." height="...">
        <source src="..." type="video/mp4" />
        <source src="..." type="video/webm" />
        <source src="..." type="video/ogg" />
    </video>
</object>

为 youtube/vimeo 嵌入提供 html5 替代方案： 请注意，拥有 <object data="..." /> 属性至关重要，并且在 youtube/vimeo/etc 的嵌入代码中缺少它。提供。确保更改它，只需在您复制+粘贴的代码中添加<video/> 标签就会让您非常头疼。

【讨论】：