無法用html5顯示視頻

我正在測試html 5視頻標籤。我使用http://www.kaltura.org/project/HTML5_Video_Media_JavaScript_Library和http://camendesign.co.uk/。無法用html5顯示視頻

我下載了創意常用視頻。

當我使用外部鏈接時，它播放視頻。所以我上傳視頻到我的服務器，但它不播放。它詢問我是否想保存它或要求應用程序播放。

當我轉到外部鏈接http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb400p.ogv時，它會自動在瀏覽器上播放它。

我也在本地測試過，但它也沒有播放。

我希望有人給我爲什麼以及如何解決問題。

此代碼有效。

<figure> 
<video id="vid1" width="500" height="300" style="position:absolute" 
poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg" 
durationHint="33" 
controls = "true"> 
<source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb400p.ogv" /> 
<source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_iphone.m4v"/> 

</video> 
    </figure>

這沒有。

<figure> 
<video id="vid1" width="500" height="300" style="position:absolute" 
poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg" 
durationHint="33" 
controls = "true"> 
<source src="http://www.mywebsite.com/media/bbb400p.ogv" /> 
<source src="http://www.mywebsite.com/media/bbb_trailer_iphone.m4v"/> 

</video> 
</figure>

這也行不通。

<figure> 
<video id="vid1" width="500" height="300" style="position:absolute" 
poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg" 
durationHint="33" 
controls = "true"> 
<source src="http://127.0.0.1/html5videotest/media/bbb400p.ogv" /> 
<source src="http://127.0.0.1/html5videotest/media/bbb_trailer_iphone.m4v"/> 

</video> 
    </figure>

來源

2010-05-09 shin

你嘗試改變海報爲您的網站？ – 2010-05-09 16:23:00

也許一個長鏡頭，但你有沒有嘗試添加：

AddType video/ogg .ogv 
AddType video/mp4 .mp4

到.htaccess文件？

而且，這裏是一個很好的文章有更多的技巧來讓你去：http://camendesign.com/

來源

2010-05-09 16:35:29 zaf

謝謝zaf。我添加了你的代碼，它的工作原理。但它說「替換」__VIDEO __。MP4「與您的視頻編碼爲MP4的路徑和替換」__VIDEO __。OGV「與您的視頻編碼爲OGG的路徑」，我不確定這意味着什麼。任何想法？ – shin 2010-05-09 16:53:13

兩個主要的意見在這裏...

1）與<圖>標籤是什麼？據我所知，視頻標籤根本不需要它工作。
2）它可能不是必需的，但我仍然認爲這是最好的元類型添加到您的源標籤：

<source src="video.ogg" type="video/ogg" /> 
<source src="video.mp4" type="video/mp4" />

3）如果你的瀏覽器要求您下載你最有可能得到一個文件您的Web服務器配置中存在問題。具體來說，請檢查您的服務器是否爲您的視頻文件（.ogv，.mp4，.m4v等擴展名）發送了正確的MIME類型。

好，而不是兩個，我想有三個人都是有^ _^

來源

2010-05-09 16:53:47

退房馬克朝聖者Dive into HTML5。 HTML5視頻有很棒的篇幅可以回答你的問題。

來源

2010-05-09 22:16:21

這對我的作品

<video width="640" height="360" controls id="video-player" poster="../../../video/bbb480.jpg"> 
<source src="../../../video/bbb400p.ogv" type='video/ogg; codecs="theora, vorbis"'> 
</video>

來源

2012-02-07 05:48:18 user1073214

無法用html5顯示視頻

回答

相關問題