找不到支持格式和 MIME 类型的视频

Question

所以我的网站上有这个视频元素

<videogular vg-responsive="true" vg-theme="config.theme.url" vg-player-ready="onPlayerReady($API)" vg-complete="onCompleteVideo()" vg-theme="config.theme.url">
<vg-media vg-src="config.sources"
          vg-tracks="config.tracks"
          vg-native-controls="true">
</vg-media>

如果我在 chrome 中查看此视频没有问题并且会显示视频

如果我在 Firefox 中查看相同的页面，我会收到以下错误：找不到格式和 MIME 类型受支持的视频

并且在 IE10 中没有显示视频。

有没有人遇到过这个问题？

Answer 1

不同的浏览器支持不同的视频格式 - 下面的 link 是一个很好的概述，但请注意这是一个不断变化的领域，因此值得定期重新检查：

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

您在 Firefox 上看到的错误消息与它不支持有问题的视频格式是一致的（请参阅上面 link 中关于 mp4 的注释，这通常令人惊讶，但请注意，很多人会甚至在 Chrome) 的早期版本上下载了一个插件来播放 mp4。

找不到支持格式和 MIME 类型的视频

No video with supported format and MIME type found

internet-explorer

firefox

video

html5-video