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中播放？代码有问题吗？

Answer 1

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

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

如果没有您的实际网站进行测试，我可以提出一些可能性：

视频文件位于服务器上的正确位置，因此您会收到404或503错误。
视频文件无法以浏览器播放的方式正确编码。如果使用了错误的编解码器或者比特率太高（不太可能），情况可能就是这种情况。
HTML以某种方式被破坏了，就像你粘贴到像wordpress这样的托管平台或者期望纯文本格式化HTML的东西。

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

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

Answer 2

我弄清楚我的问题是什么。它与将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，以便IIS知道当有人尝试加载mp4视频类型时该怎么做。谢谢大家的帮助！

Answer 3

HTML5视频仍然需要大量的工作，你应该尝试使用播放器插件，我总是使用jPlayer。 http://jplayer.org

Answer 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>

嵌入HTML的视频无法播放

4 个答案: