HTML視頻問題

我試圖在我的網站上放一段視頻。它在我桌面上的資源管理器中播放，但當我將它放到網上時，它不會播放（但它在我的手機上播放），它只是在中間顯示一個帶有「x」的黑色屏幕。我沒有使用Apache或Wordpress，只有HTML和記事本和fasthosts作爲我的提供者。HTML視頻問題

從閱讀我一直在線上它可能是與MIME類型有關。我試過eveything，但無法弄清楚。

下面的代碼到目前爲止...

<video width="360" height "203" controls="controls"> 
<source src="Media\Videos\Water Video 2.mp4" type="video/mp4"> 
<source src="Media\Videos\Water Video 2.ogg" type="video/ogg"> 
<source src="Media\Videos\Water Video 2.webm" type="video/webm"> 
</video>

和.htaccess文件我已經是唯一的內容...

AddType video/ogg .ogg 
AddType video/webm .webm 
AddType video/mp4 .mp4

可以提供任何幫助將是輝煌。

由於提前，保羅

來源

2012-10-04 Paul

我在我的rackspace盒子上遇到過這樣的問題，事實上沒有爲.ogg或.mp4設置MIME類型。調整這些和噗... – Brant

http://www.feedforall.com/mime-types.htm < - 你可以看到什麼樣的MIME類型應該看起來像這裏。 – Brant

首先，我會嘗試這些中的一個與你的HTML5一起嵌入：

http://videojs.com/

http://mediaelementjs.com/

這將有助於您的視頻在瀏覽器上玩沒有HTML5 <視頻>支持。

其次，請確保您的元數據位於您的mp4 *的前端，以便文件立即播放，而不是等待整個視頻下載。對於Webm文件，確保它具有低kbps（例如600kbps），因此可以在Android上加載。

*這是我使用的是：http://rndware.info/products/metadata-mover.html

乾杯！

來源

2012-10-04 18:38:12 KruegerDesigns

感謝您的建議，但我已經實施了您的建議，但它仍然無法正常工作。它看起來像視頻不加載，但它確實當我嘗試從桌面上完全相同的代碼。 – Paul

你可以發佈一個鏈接到現場示例嗎？我想審查實施情況。 – KruegerDesigns

我得到同樣的黑色盒子帶有X在中間......除了這對HTML5的音頻標籤，我只是得到這個錯誤在IE 9

對於我來說，它結束了這我需要在Internet Explorer中更改設置：

工具 - > Internet選項 - >高級 - >多媒體：「在網頁中播放聲音」。無論如何，如果這個問題只發生在你的IE 9中，我會檢查那些多媒體設置，看看你有沒有什麼可以改變的地方，這將使它神奇地活躍起來。

希望有幫助！

來源

2012-10-04 19:07:15 justanotherguy

回答

相關問題