logo标签列表

HTML5无法播放视频

htmlhtml5-video
4

我刚开始学习HTML5，我从普通文本文件开始，并将其扩展名更改为.html并添加了以下代码。

<!DOCTYPE HTML>
 <html>
 <body>

  <video width="320" height="240" controls="controls">
    <source src="D:\Movies\Troy (2004).avi" type="video/avi" /> 
    Your browser does not support the video tag.
  </video>

 </body>
 </html>

我正在使用FireFox 4.0浏览器。

5
我认为你忘记了描述你遇到的问题的部分，然后提出帮助我们帮助你的问题。 - mdm
2
"D:\Movies\Troy (2004).avi" 不是一个 URL，不能用于 src 属性。 - Wooble
谢谢，我已经更改了问题标题...那么源应该是什么，HTML如何定位该文件？ - BreakHead
2
你必须使用 file:/// URI。 - Félix Saparelli
@passcod，谢谢，现在它对我有效了。你的评论应该是一个答案 :) - BreakHead
5个回答
4
我也在 Google Chrome 中尝试了这个，仍然没有成功......这与我指定的视频来源有关吗？这是不是像我们在 asp.net 中创建的应用程序中应该存在文件之类的东西？ - BreakHead
Google Chrome 也不支持 AVI 容器格式。您必须使用受支持的视频格式。 - Quentin
1
更正：AVI 格式不受任何浏览器支持。 - Félix Saparelli
这是更多的附加信息而不是纠正。虽然我不确定它完全正确，但我似乎记得读到一些浏览器使用底层的Windows媒体框架（可以使用插件），因此如果AVI支持在其中可用，则它也将出现在浏览器中）。 - Quentin
2
火狐浏览器不支持avi格式，只支持ogg和webm格式，正如此主题中所述。编辑：Peter Paul Koch在现今可用的不同浏览器中提供了更详细的支持编解码器概述，请参见此处的文章。
@passcod 你说得对，我忘记了那个。我更新了我的答案。 - Rob
2
看起来你缺少一些东西来实现跨浏览器工作，正如上面所述，Firefox 不支持 AVI 容器格式。
阅读这篇文章: http://diveintohtml5.ep.io/video.html 或者你可以尝试使用像这样的 JavaScript 解决方案，它会使事情变得更加容易: http://videojs.com/
2

使用 Miro 视频转换器或类似软件转换您的电影。

Miro - http://www.mirovideoconverter.com/

您可能需要使播放器更加兼容多个浏览器。

<video width="320" height="240" controls="controls">
    <source src="movie.ogg" type="video/ogg" />
    <source src="movie.mp4" type="video/mp4" />
    <source src="movie.webm" type="video/webm" />
Your browser does not support the video tag.
</video>

来自http://www.w3schools.com/html5/html5_video.asp的示例。
这是一个很好的回答（你提到了所有常见的格式，应该都可以使用）。但是如果要像播放相同容器的新电影那样更改src，该怎么办呢？ - user285594
有一种很好但很丑的方法可以在.NET中使用面板，在代码后端构建视频标记，这对我来说非常有效，例如http://finalfantasyworld.net/Movies/Movies.aspx或者应该有一种JavaScript的方法，但我无法让它起作用。 - Thomas Andreè Wang
0

Firefox和Chrome不支持avi格式，但奇怪的是，如果你只是把一个avi文件拖到浏览器中，它就可以正常播放！我想知道，既然这些浏览器有播放这些文件的能力，为什么它们没有被放在HTML5标签中呢？

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接