html - 您可以使用具有 Flash 故障安全功能的 HTML5 视频/音频播放器吗？

Question

当涉及到通过网络播放音频和视频时，我正在尝试找出我的选择。我在 HTML 5 上卖掉了 <video />和 <audio /> .但是，如果 HTML 视频/音频失败，我希望能够显示 Flash 视频/音频。

有没有一种简单的方法可以检测视频/音频是否因任何原因无法播放，然后将 HTML5 播放器换成 Flash 播放器？

Answer 1

您可以将 Flash 选项作为 <video> 中的最后一项弹出标记，如果 HTML5 视频不播放，它将播放。

请参阅 Mark Pilgrim 的示例，因为它全面且定期更新:http://diveintohtml5.ep.io/video.html#example

总结一下:

<video>
    <!-- HTML5 video -->
    <source src="video.webm" type='video/webm; codecs="vp8, vorbis"'>
    <source src="video.ogv" type='video/ogg; codecs="theora, vorbis"'>
    <source src="video.mp4">

    <!-- Flash player fallback for user agents that don’t support HTML5 video -->
    <!-- All user agents that don’t understand the <video> tag, or don’t support
     the video formats you’ve provided, will show this instead. Even IE 6. -->
    <object width="320" height="240" type="application/x-shockwave-flash"
data="flowplayer-3.2.1.swf"> 
        <param name="movie" value="flowplayer-3.2.1.swf">
        <param name="flashvars" value='config={"clip": {"url": "video.mp4", "autoPlay":false, "autoBuffering":true}}'>
    </object>
</video>