【问题标题】:Unable to play video in HTML5无法以 HTML5 播放视频
【发布时间】:2011-06-09 13:10:22
【问题描述】:

我刚开始学习 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。

【问题讨论】:

  • 我想你忘记了描述你遇到的问题的部分,然后问有助于我们帮助你的问题。
  • "D:\Movies\Troy (2004).avi" 不是 URL,不能用于 src 属性。
  • thanx,我改变了问题的标题......那么应该是什么来源,以及 html 将如何定位该文件??
  • 你必须使用 file:/// URIs。
  • @passcod,谢谢它对我有用。你的评论应该是一个答案:)

标签: html html5-video


【解决方案1】:

【讨论】:

  • 我也在谷歌浏览器中试过这个,还是没有成功...这与我指定的视频源有关吗?像我们在 asp.net 中创建的应用程序中应该存在文件之类的东西吗??
  • Google Chrome 也不支持 avi 容器格式。您必须使用受支持的视频。
  • 更正:任何浏览器都不支持AVI。
  • 这是比更正更多的附加信息。我不确定这是否完全正确,我似乎记得阅读过一些关于使用底层 Windows 媒体框架(可以使用插件)的浏览器的内容,所以如果 AVI 支持可用,那么它也将在浏览器中) .
【解决方案2】:

Firefox 不支持 avi 格式。如this 主题中所述,仅支持 ogg 和 webm。

编辑:Peter Paul Koch 对当今可用的不同浏览器中支持的编解码器进行了更详细的概述。见文章here

【讨论】:

  • @passcod 你说得对,忘了那个。更新了我的答案
【解决方案3】:

使用 Miro Video Converter 或类似软件转换您的电影

米罗-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 就像用同一个容器播放新电影一样?
  • 在 .net 中有一种很棒但很丑陋的方法可以在 .net 中使用面板并在代码隐藏中构建视频标签在 finalfantasyworld.net/Movies/Movies.aspx 对我来说效果很好,或者应该是一种 javascript 方式,我无法获得上班
【解决方案4】:

您似乎遗漏了一些东西才能使这项工作跨浏览器工作,并且如上所述,Firefox 不能很好地使用 AVI 容器格式。

阅读: http://diveintohtml5.ep.io/video.html 或者您可以查看这样的 javascript 解决方案,这有助于使事情变得更容易: http://videojs.com/

【讨论】:

    【解决方案5】:

    Firefox 和 Chrome 不支持 avi 格式,但 奇怪 的事情是,如果您只是将 avi 文件放到浏览器中,它就可以正常播放! .我想知道这些浏览器什么时候有能力播放这些文件,为什么不把它们放在 html5 标签中:\

    【讨论】:

      猜你喜欢
      • 2014-04-06
      • 1970-01-01
      • 1970-01-01
      • 2015-11-11
      • 2015-12-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多