2011-06-09 178 views
3

我刚开始学习HTML5,我开始使用普通文本文件,并将其扩展名更改为.html并添加了下面的代码。无法播放HTML5中的视频

<!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 2011-06-09 13:11:46

+2

“D:\ Movies \ Troy(2004).avi”不是一个URL,不能用在src'属性中。 – geoffspear 2011-06-09 13:13:40

+0

thanx,我改变了问题标题......那么应该是什么源码,以及html如何找到该文件? – BreakHead 2011-06-09 13:20:03

回答

4
+0

我也尝试过谷歌浏览器,这仍然没有成功......这与我指定的视频源有什么关系?是否像文件应该存在于我们在asp.net中创建的应用程序? – BreakHead 2011-06-09 13:32:39

+0

Google Chrome也不支持avi容器格式。你必须使用支持的视频。 – Quentin 2011-06-09 13:37:59

+1

更正:_any_浏览器不支持AVI。 – 2011-06-09 13:39:47

2

Firefox不支持AVI格式。主题中仅支持ogg和webm,同样在this中也有说明。

编辑:Peter Paul Koch对当今不同浏览器支持的编解码器有更详细的了解。请参阅文章here

+1

WebM也受支持。 – 2011-06-09 13:27:19

+0

@passcod你是对的,被遗忘了。更新我的回答 – Rob 2011-06-09 13:31:39

2

看起来你错过了几件事情来使这个工作跨浏览器,并且如上所述,Firefox在AVI容器格式上播放不好。

阅读: http://diveintohtml5.ep.io/video.html 或者你可以看看这样的JavaScript的解决方案,有助于使事情变得更简单: http://videojs.com/

3

转换你的电影米罗视频转换器或类似的软件

米罗 - 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

+0

这是很好的答案。 (你提到所有应该工作的通用格式)。但是你怎么能改变像使用同一容器播放新电影一样的src? – YumYumYum 2011-10-03 13:35:48

+0

有一个伟大的但丑陋的方式来做到这一点.net使用面板和建立代码隐藏videotag伟大的工作,我在http://finalfantasyworld.net/Movies/Movies。aspx 还是应该有一个JavaScript的方式,我不能去工作 – 2011-10-03 21:09:00

0

Firefox和Chrome不支持avi格式,但奇怪的是,如果你只是删除一个AVI文件到它起着就好了浏览器! 。我不知道这些浏览器何时可以播放这些文件,为什么它们没有放在html5标签中:\