视频无法在Edge上播放

Question

我正在使用HTML5在自己的网站上嵌入视频。 它适用于Edge以外的所有浏览器。

这是我的代码：

<video id="sampleMovie" width="509" height="280" preload autoplay>
<source src="breaking_news.mov" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="breaking_news.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="breaking_news.ogv" type='video/ogg; codecs="theora, vorbis"' />
<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360">
    <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="wmode" value="transparent" />
    <param name="flashvars" value='config={"clip":{"url":"breaking_news.flv","autoPlay":false,"autoBuffering":true}}' />
</object>
</video>

我删除了完整的URL，以便在此处发布。

关于它为什么不能在Edge中播放的任何想法？

Answer 1

根据mp4的Edge浏览器视频开发人员指南，支持以下功能：

媒体文件：视频MP4。
扩展名设置： .mp4 。
哑剧类型设置： video/mp4 。

根据您提供的代码，您提供的MP4文件具有不支持的扩展名类型/容器类型.mov 。

因此，我建议您重新编码源视频文件，使其具有.mp4扩展名类型，这很可能是问题所在。 我还将查看您指定的特定编解码器类型。

最后，我建议您查看此处的完整开发指南：
https://docs.microsoft.com/zh-cn/microsoft-edge/dev-guide/html5/video

希望这可以帮助。