Question

我只是在我的网站上制作符合HTML5标准的便携式iOS设备视频，我遇到的一件事就是我希望客户端浏览器首先尝试使用Flash播放器，因为它更可定制，如果Flash不可用，尝试HTML5。

我原以为视频标签中的顺序可能会这样做，但无论标签的顺序如何，它总是会转到HTML5。

例如：

<video width="640" height="360" controls>
     <object width="640" height="360"><embed src="flashplayer.swf?movie=movie.mp4" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="360"></embed></object>
     <source src="/video/ogg/movie.ogg" type="video/ogg">
     <source src="/video/mp4/movie.mp4" type="video/mp4">
</video>

任何帮助都将不胜感激，谢谢。

Answer 1

您可以使用SwfObject来检测Flash，并将视频元素放在SwfObject替换的div中（如果Flash可用）。

Answer 2

要在没有Javascript的情况下执行此操作，我认为如果浏览器无法执行该对象，则可以将<video>标记放在<object>/<embed>内作为后备，即Flash播放器插件不可用：< / p>

<object width="640" height="360">
    <embed src="flashplayer.swf?movie=movie.mp4" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="360">
        <video width="640" height="360" controls>
            <source src="/video/ogg/movie.ogg" type="video/ogg">
            <source src="/video/mp4/movie.mp4" type="video/mp4">
        </video>
    </embed>
</object>

请注意，您可以使用纯<object>代码执行此操作，在大多数现代浏览器中都不需要<embed>，AFAIK。

Answer 3

您可以尝试基于HTML 5 video player widget开源库的Kaltura。它可以让您自定义HTML 5和Flash视频播放器。

代码让浏览器先选择Flash播放器，然后再回到HTML5视频

3 个答案: