无法在我的网页上播放视频文件...给出未找到 MIME 类型

Question

我想在我的网页上显示一个视频剪辑。

我正在使用 video 标签，但它没有显示输出。

我附上了两张截图。

有人可以告诉我我所做的有什么问题吗？

Answer 1

如评论中所述，这似乎很可能是由于 Firefox mp4/h.264 支持问题造成的。

实际上，您可以在 JavaScript 中使用一些技术来检测视频是否可播放并做出相应反应 - 例如向用户发送消息或切换到其他视频。

MediaSource.isTypeSupported()

以上将允许您检查是否支持 mime 类型 - 它是 'experimental'，因此并非所有浏览器都支持，但 Firefox 42.0 及更高版本支持。更多信息在这里：

https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/isTypeSupported

我发现 Firefox 中的 H.264 编解码器支持也有点令人困惑，在不同的地方有不同的信息，但确实如此，而且很可能仍然是支持依赖于支持特定的底层系统编解码器。 Firefox 确实支持 HTML5 机制，允许您在运行时间测试是否支持视频编解码器：

function canPlayH264 () {
    var v = document.createElement('video');
    return !!(v.canPlayType && v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/, ''));
};

此处有更多信息（在“检测回放”下）：

https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/H.264_support_in_Firefox

顺便说一句，如果不清楚的话，有多种不同的 H.264 编解码器变体。这可能会造成混淆，因为一个 H.264 编码视频可能在特定客户端设备上受支持，而另一个则不支持。关于如何阅读此答案中的编解码器信息有一个很好的解释：

无法在我的网页上播放视频文件...给出未找到 MIME 类型

Can't play a video file on my webpage... gives No MIME type found

html

video

firefox

mime-types