支持html5-video-tag，但不支持mime类型-提供替代链接

Question

我们使用html5-video-tag。有时我们只有一个视频源(.mp4)。

对于不支持html5-video - all的浏览器，可以使用回退方法：

<video>
    <object with flash></object>
</video>

如果仅提供.mp4，则会出现问题。Firefox只显示"Kein Video mit unterstützem Format und -Type gefunden“。是的，火狐不能显示.mp4视频。

我该怎么做才能强制Firefox (或任何不支持mime类型的浏览器)显示替代的object-flash-section？

是否存在用于html5-video-tag的属性以在出错时强制传递？或者我可以捕获一个事件"onerror“...？

Answer 1

您可以使用JavaScript来检测是否支持某种文件类型：

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

正如HTML5 video, fallback to flash if no .ogv file所说的