嵌入到 HTML 中的视频无法播放

Question

我正在尝试完成一项非常简单的任务；至少我认为应该如此，但事实并非如此。

我正在尝试将视频嵌入到 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 中播放吗？代码有问题吗？

原文由 Frank G. 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

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

原文由 Frank G. 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

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

在没有实际站点进行测试的情况下，我可以建议几种可能性：

1. 视频文件不在服务器上的正确位置，因此您会收到 404 或 503 错误。

2. 视频文件没有以浏览器可以播放的方式正确编码。如果使用了错误的编解码器或比特率太高（不太可能），则可能会出现这种情况。

3. HTML 以某种方式被破坏，就像您粘贴到 wordpress 之类的托管平台或期望具有最少格式 HTML 的纯文本的东西。

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

1. 检查浏览器 控制台 以获取错误消息。

2. 将视频文件的完整 URL 直接粘贴到浏览器中。这应该会告诉您是否存在导致文件无法加载的 404、503 或其他错误。

3. 检查开发人员工具中的“网络”面板以确保您拥有正确的 URL 并查看它是否正在加载文件。

4. 将视频文件直接拖到浏览器中，看看它是否播放。这将显示编码是否存在问题。浏览器 应该 能够自己播放视频，而无需任何额外的 HTML。

5. 查看网页的 HTML 源代码 以确认服务器正在交付与您编写的 HTML 相同的内容。例如，确保它没有 将您的“尖括号”转换为 html 实体 或将引号更改为“智能引号”。

原文由 brianchirls 发布，翻译遵循 CC BY-SA 3.0 许可协议