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

Posted 2023-03-15

【中文标题】支持 html5-video-tag，但不支持 mime-type - 提供替代链接

【英文标题】：html5-video-tag supported, but mime-type not - give an alternative link

【发布时间】：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”...？

【参考方案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中所说