支持 html5-video-tag，但不支持 mime-type - 提供替代链接答案

【问题标题】：html5-video-tag supported, but mime-type not - give an alternative link支持 html5-video-tag，但不支持 mime-type - 提供替代链接
【发布时间】：2013-03-30 14:30:41
【问题描述】：

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

对于不支持 html5-video 的浏览器 - 一切正常，备用方法有效：

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

如果只提供 .mp4，就会出现问题。 Firefox 仅显示“Kein Video mit unterstützem Format und Mime-Type gefunden”。是的，Firefox 无法显示 .mp4 视频。

如何强制 Firefox（或任何不支持 mime-type 的浏览器）显示替代的 object-flash-section？

是否存在 html5-video-tag 的属性以强制通过错误？或者我可以捕捉到一个事件“onerror”...？

【问题讨论】：

标签： html5-video mime-types

【解决方案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中所说

【讨论】：