嵌入 HTML 的视频无法播放答案

【问题标题】：Video embedded into HTML doesn't play嵌入 HTML 的视频无法播放
【发布时间】：2021-10-11 14:18:29
【问题描述】：

我正在尝试完成一个非常简单的任务；至少我认为应该是，但不是。

我正在尝试将视频嵌入到 HTML 中，但我尝试的任何方法似乎都不起作用。这是我用来执行此操作的代码：

<video width="560" height="340" controls>
    <source src="video/30.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>  
    <source src="video/30.ogv" type='video/ogg; codecs="theora, vorbis"'>

    <object width="640" height="384" type="application/x-shockwave-flash"   data="video/player_flv_maxi.swf?image=placeholder.jpg&file=video/30.swf">
    <param name="movie" value="video/player_flv_maxi.swf?image=placeholder.jpg&file=video/30.swf" />
    </object>
</video>

我正在使用此资源来尝试完成此操作：http://www.webmonkey.com/2010/05/embed-videos-in-your-web-pages-using-html5/

我也试过：http://www.w3schools.com/html/html5_video.asp

而且这些似乎都不起作用。有人可以告诉我为什么我上面列出的视频格式都不能在 Google Chrome 中播放吗？代码有问题吗？

【问题讨论】：

标签： html flash video html5-video

【解决方案1】：

我知道我的问题是什么。它与在 IIS 中包含 MIME 类型有关。我发现这个网页让我在知道的时间内启动并运行：

http://blog.arvixe.com/to-play-mp4-video-in-asp-net-you-may-need-to-add-a-mime-type/

如果您正在运行 Mircosoft IIS，请确保您已将 MIME 类型添加到 IIS，以便 IIS 在有人尝试加载 mp4 视频类型时知道该怎么做。感谢大家的帮助！

【讨论】：

【解决方案2】：

您的 HTML 很好，可能不是问题所在。我整理了一个测试 JS Bin 并更改了视频 URL（Flash 后备除外），它在 Chrome 和 Firefox 中对我来说效果很好。

http://jsbin.com/musod/1/edit

如果没有要测试的实际网站，我可以提出几种可能性：

视频文件在服务器上的位置不正确，因此出现 404 或 503 错误。
视频文件未以浏览器可以播放的方式正确编码。如果使用了错误的编解码器或比特率太高（不太可能），则可能会出现这种情况。
HTML 以某种方式被破坏了，例如，如果您粘贴到诸如 wordpress 之类的托管平台或期望具有最少格式 HTML 的纯文本的东西中。

您可以采取以下步骤来诊断问题。如果您需要进一步的指导，请随时在此处报告 cmets 中的结果。

检查浏览器console 是否有错误消息。
将视频文件的完整 URL 直接粘贴到浏览器中。这应该会显示是否存在 404、503 或其他导致文件无法加载的错误。
检查开发者工具中的“网络”面板，确保您拥有正确的 URL，并查看它是否正在加载文件。
将视频文件直接拖到浏览器中，看看它是否可以播放。这将显示编码是否存在问题。浏览器应该能够自行播放视频，无需任何额外的 HTML。
View the HTML source 以确认服务器正在按照您编写的方式传送 HTML。例如，确保它没有 converted your "angle brackets" to html entities 或将引号更改为“智能引号”。

【讨论】：

感谢您的详细回复。我听取了您的建议并尝试了以下方法。我将视频拖放到浏览器中，它们都可以正常加载和播放。但是，当我将视频上传到我的服务器并直接转到视频路径时，它不会播放。唯一播放的视频是 swf 文件。其他两个没有。我尝试时收到此错误：HTTP 错误 404.3 - 未找到由于扩展配置，无法提供您请求的页面。如果页面是脚本，则添加处理程序。如果应该下载文件，请添加 MIME 映射。
令人沮丧的是，当我获取 Flash 文件的 url 并粘贴到浏览器时，它可以正常加载并播放。但是当我从代码中删除 mp4 和 ogv 行时，它仍然无法播放 flash 版本。
这里有一个测试站点设置，您可以查看和使用：schoolcrossingguard.net/memberarea/testvids.asp 任何其他建议都会有很大帮助！谢谢！
我发现它与告诉 IIS mp4、ogv 和其他的 mime 类型有关的问题。在此处找到帮助：blog.arvixe.com/… 感谢您帮助我到达那里！
我的荣幸。我很高兴它成功了。如果您对解决方案感到满意，也许可以将其标记为已接受。

【解决方案3】：

HTML5 视频还需要做很多工作，你应该尝试使用播放器插件，我一直使用 jPlayer。 http://jplayer.org

【讨论】：

我要试一试这位球员，看看我的结局。一旦我尝试过，我会回来并更新一切的进展情况。谢谢！

【解决方案4】：

我在下面的代码中遇到了同样的问题：

<!DOCTYPE html>
<html>
<body>

<video width="960" height="720" controls>
  <source src="sample.mp4" type="sample/mp4">
  Your browser does not support the video tag.
</video>

</body>
</html>

Chrome、Explorer 或 Opera 都不行。

这个修改确实对我有用：

<!DOCTYPE html>
<html>
<body>

<video width="960" height="720" controls src="sample.mp4" type="sample/mp4"/>
  Your browser does not support the video tag.
</video>

</body>
</html>

【讨论】：

【解决方案5】：

我找到了解决问题的方法。如果您在直播服务器上播放普通视频，它将无法正常工作。尝试在文件本身上播放。

【讨论】：