HTML 5 视频有问题，视频未显示答案

【问题标题】：Problem with HTML 5 video, the video is not showingHTML 5 视频有问题，视频未显示
【发布时间】：2024-04-25 13:50:02
【问题描述】：

所以我为 chrome 和 firefox 制作了一个 HTML5 视频...当然是 mp4 和 .ogv 我遇到的问题是视频在某些 chrome 浏览器上运行，而在其他浏览器上却没有，并且视频根本没有在任何 Firefox 浏览器上显示（请记住，所有经过测试的浏览器都已完全更新，这意味着它们支持 HTML5 视频) 这是我的源代码

<video id="the-video" width="550px" height="550px" controls>
<source src="videos/intro.mp4"  type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="videos/intro.ogv"  type='video/ogg; codecs="theora, vorbis"'>

</video>

【问题讨论】：

您的服务器是否为文件发送正确的 MIME 类型？
也许这可以帮助你，我不确定：developer.mozilla.org/En/…。几个月前，我在 Firefox 上显示视频时遇到了麻烦，但我可能是更新的版本支持更多格式。
在你的本地机器上工作：如果答案是否定的，那么 ogv 文件是不能被火狐接受的。试试mirovideoconverter.com 注意 Chrome 也会播放 ogv。我还要指出，至少在 beta 版本中，源代码的顺序确实有所不同
我试过转换器它不起作用..我尝试了没有源的视频标签..它仍然不起作用
凯，你有没有专门在本地电脑上试过……这个问题的原因是故障排除。 FF 确实会从您的本地计算机播放视频，除非文件格式有所不同。 ...一旦它在您的本地计算机上运行，请上传它。如果问题出在从 http 连接下载时。转到此页面上的服务器支持developer.mozilla.org/en/HTML/Element/video ...或者您可以发布链接以获得故障排除帮助。

标签： html html5-video

【解决方案1】：

添加 *.webm 并使其成为第一来源

【讨论】：

【解决方案2】：

Firefox 不支持 H.264，Chrome does but will drop soon。

无论如何，您应该使用 HTML 5 的 Webm 视频格式。

【讨论】：

是的，但它支持ogg，应该使用那个而不是mp4。

【解决方案3】：

尝试将 .ogv 重命名为 .ogg，服务器可能未设置为提供 .ogv 文件。我以前也遇到过这种情况。

或者，如果您有权访问服务器，请为 .ogv 扩展添加 MIME 类型 video/ogg。

【讨论】：