视频无法在 Edge 上播放

Video will not play on Edge

我正在使用 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 中播放吗?

基于适用于 mp4 的 Edge 浏览器视频开发人员指南,支持以下内容:

Media File : Video MP4.
Extension setting : .mp4.
Mime type setting : video/mp4.

根据您提供的代码,您提供的 MP4 文件的扩展名 type/container 类型 .mov 不受支持。

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

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

希望这对您有所帮助。