2011-06-09 171 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標籤中:\