2014-06-20 29 views
0

我有一個網站,我試圖展示一個視頻。我有2個mp4格式的視頻,兩者都可以(沒有損壞)。當我嘗試在html5中顯示這兩個標籤時正在工作,但另一個不工作。 我用下面如何在我的網站加載視頻

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


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

這裏給出的代碼,在Firefox第一個是偉大的工作,但下一個顯示錯誤消息「無視頻與支持的格式和MIME類型發現」。在鉻第一個是確定和第二個只顯示音頻。 請幫我解決這個問題。 在此先感謝。

+1

有同樣的問題。嘗試使用FormatFactory或其他軟件轉換視頻,並將「視頻編碼」參數更改爲「AVC(H264)」;它解決了我的問題,這可能是你的原因。 –

+0

對不起,你的意思是三種格式?請讓我清楚#Ms。沒有人。是的,這兩個視頻都在同一個目錄中。 – TechnoSakil

+0

我建議你使用jwplayer,它對幾個瀏覽器有反應,我也用在我的項目上。它的免費... www.jwplayer.com –

回答

0

檢查以查看video/theme.mp4是否可在瀏覽器中訪問。查看源代碼並嘗試單擊鏈接或查看它是否加載到開發工具的資源中。這聽起來像Firefox無法找到/閱讀theme.mp4theme.ogg所以顯示錯誤消息。 Chrome無法找到theme.mp4,但正在讀取它的MIME鍵入它作爲audio/ogg而不是video/ogg

你可以試試這個網頁,看看是否有幫助時,MDN總是有用的東西: https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

+0

我已經試過這個。對於第一個v1.mp4,我從視頻video.but找到了視頻。但是對於theme.mp4,我沒有找到並且找不到對象。對於這兩個視頻我都沒有.ogg格式。那麼當我訪問視頻視頻時,v1.mp4顯示http://localhost/rmp/video/v1.mp4,theme.mp4顯示http://localhost/rmp/video/theme.ogg? #luc122c – TechnoSakil

+0

因爲你已經寫了'.mp4',所以它會首先嚐試,如果它不能讀取,那麼它會回退到你指定的'.ogg'。如果它正在播放'theme.ogg','theme.mp4'有什麼問題呢? – luc122c

+0

那麼我該怎麼做#luc122c? – TechnoSakil