视频无法播放边缘

问题描述：

我正在使用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张贴在这里的目的。

任何想法，为什么它不会在边缘播放？

由于Flash和浏览器都能够播放相同的MP4文件，因此不必制作'.mov'（用于视频标签）和'.flv'（用于Flash应用），只需制作一个'mp4'文件即可。在这种情况下不需要FLV。 –

答

基于边缘浏览器视频开发人员指南，MP4，这就是支持：

媒体文件：视频MP4。
分机设置：.mp4。
Mime类型设置：video/mp4。

根据您提供的代码，您提供的MP4文件的扩展类型/容器类型为.mov，这是不受支持的。

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

最后，我建议看这里找到充分开发指南：
https://docs.microsoft.com/en-us/microsoft-edge/dev-guide/html5/video

希望这有助于。

视频无法播放边缘

相关推荐