你能使用HTML5视频/音频播放器与闪存故障安全吗？

Question

当涉及到通过网络播放音频和视频时，我正在尝试找出我的选择。我喜欢HTML5、<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>

Answer 2

如果您可以自由选择Flash视频播放器，请尝试JWPlayer，它已经实现了HTML5/Flash回退

Answer 3

我推荐MediaElementJS。

但为了回答你的问题，视频、音频和源元素的本质允许你向浏览器呈现不同的源，然后浏览器选择播放什么。如果它不能播放其中的任何一个，只要你提供一个flash替代，它就会继续使用它。