HTML5 视频，如果没有 .ogv 文件则回退到 Flash

Question

如果必要的文件类型不存在，我该如何回退到 Flash 视频播放器。

例如这段代码:

<video controls width="500">
    <source src="<?= $mov ?>" type="video/mp4" />
    <embed src="http://blip.tv/play/gcMVgcmBAgA%2Em4v" type="application/x-shockwave-flash" width="1024" height="798" allowscriptaccess="always" allowfullscreen="true"></embed>
</video>

不包含 .ogv 文件，因此在 Firefox 中，会显示一个空的视频播放器。

即使浏览器支持 html5 视频标签，我如何才能退回到 Flash 播放器？

Answer 1

您可以使用 JavaScript 来检测它:

(function (video) {
    if (!video.canPlayType || !video.canPlayType('video/mp4')) {
        // Flash fallback
    }
}(document.createElement('video')));