HTML视频标签在边缘不起作用答案

【问题标题】：HTML video tag not working on edgeHTML视频标签在边缘不起作用
【发布时间】：2019-11-20 21:25:49
【问题描述】：

我使用一个简单的 HTML5 播放 mp4 文件，但它说这个文件仅在 microsoft edge 上不受支持我已经关注了这个链接https://docs.microsoft.com/en-us/microsoft-edge/dev-guide/html5/video 这是我的代码：

<video width="500" height="300" controls autoplay loop>
 <source src="video/video.mp4" type="video/mp4" />
 <source src="video/video.webm" type="video/webm" />
 <source src="video/video.ogv" type="video/ogg" />
 Your browser does not support HTML5 video.
</video>

在 Opera、chrome 和 firefox 上运行良好

【问题讨论】：

“它说这个文件不受支持” 如您所见，您会看到“您的浏览器不支持 HTML5 视频”。信息？还是控制台出错了？
@DBS 控制台没有错误，它显示“不支持这种类型的视频文件”而不是“您的浏览器不支持 HTML5 视频。”
我建议做一个最小的完整示例：您使用的是 XHTML 还是 HTML？另请参阅developer.mozilla.org/en-US/docs/Web/HTML/Element/video 中的示例

标签： html microsoft-edge

【解决方案1】：

mp4 文件可能是较新的 H265 / HEVC 格式，Windows 10、Edge 或电影和照片应用程序不支持该格式

如果 mp4 文件的标题包含 H265 或 HEVC，则您需要下载支持这种新格式的媒体播放器。

你也可以在这里看到更多 Microsoft Edge and <VIDEO>

你运行的是什么版本的边缘？

您可以创建一个 YouTube 视频，然后以这种方式包含它。

<iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>

【讨论】：

mp4 文件不包含 H265 或 HEVC。由于项目要求，我不想使用 youtube。这是一个简单的 30 秒 mp4 文件，没有任何声音
您是否考虑过将 MP4 转换为 WebM
当我转到该路径 /video.mp4 时，它说来源无效。如果我使用 Webm，它会询问我是否要下载该视频
在格式和路径之外我不明白为什么您的视频不应该播放。您有指向您页面的链接供我们查看吗？还是小提琴？还要验证视频的 MIME 类型。您可以使用其中任何一个来验证您的视频类型。在线工具：mime.ritey.com 微软工具：msdn.microsoft.com/en-us/library/windows/desktop/…
是的，路径是正确的，它可以在 chrome 和其他浏览器中使用。我在此处发布之前确实关注了该链接，但它说不支持

【解决方案2】：

源标签是空元素，不应关闭。像这样删除闭包：

 <source src="video/video.mp4" type="video/mp4">
 <source src="video/video.webm" type="video/webm">
 <source src="video/video.ogv" type="video/ogg">

【讨论】：