FireFox和HTML5視頻 - 用X

所以灰色框，我只是試圖把一個簡單的HTML5視頻播放器這一客戶的網站，而我做的重建。認爲這將是一個直截了當的事情，但當我在FF中檢查它時，我所看到的只是一個帶有灰色「x」的黑盒子。我正在使用最新的FireFox 3.6.12。你可以看到自己here。FireFox和HTML5視頻 - 用X

這是代碼即時通訊使用 - 我認爲這是有效的HTML5 - 也許不是？

CODE：

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<link rel="stylesheet" href="reel2.css" type="text/css" media="screen" /> 
<title>Christopher Stewart - Theatrical and Commercial Reels</title> 
</head> 

<body> 

<div class="main"> 

    <div class="header"> 

     <div class="back"> 
     <img src="http://thechristopherstewart.com/REEL_files/ChrisStewart_Website.jpg" /> 
     <span class="backbtn">&mdash;&mdash;<a href="Home.html" target="_self">back</a></span> 
     </div> 

     <span class="page_title">Christopher Stewart: Video Reel</span> 

     <div class="theatrical"> 
     <span class="title">Theatrical Reel</span><br><br> 
    <video width="640" height="480" preload controls> 
    <source src="reelvids/120610-reel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
    <source src="reelvids/120610-reel.webm" type='video/webm; codecs="vp8, vorbis"'> 
    <source src="reelvids/120610-reel.theora.ogv" type='video/ogg; codecs="theora, vorbis"'> 
    </video> 
     </div> 
    </div> 

</div> 
</body> 
</html>

* EDIT 10年12月6日 - 下午3:00 * 跟隨一個提示，視頻似乎並沒有成爲我調查到服務器上之後;視頻在服務器上，但只有在ftp輸入瀏覽器時纔可訪問 - 否則會生成404錯誤。不知道爲什麼會發生這種情況 - 如果有人知道如何解決這個問題，請讓我知道！

感謝您的所有幫助！

來源

2010-12-06 mattelliottIT

的問題得到了解決，通過配置IIS作爲馬蒂Virkkunen建議。 – mattelliottIT 2010-12-07 22:01:39

通過將IIS配置爲Matti Virkkunen建議解決了該問題。 GoDaddy託管的IIS默認不包含theora（.ogg，.ogv，.oga）文件擴展名或.webm擴展名。這意味着，如果您將帶有這些擴展名的文件放入服務器，則不會被識別，因此（爲了保護用戶）不會被允許用戶查看/與之交互。要解決這個

一種方法是創建一個web.config（又名上有一個配置擴展XML文件）來強制服務器接受某些MIME類型。然後將其上傳到根託管文件夾。小心你不要覆蓋現有的web.config，因爲它可能會導致你的網站崩潰。此外，告訴IIS允許它已經允許的文件類型（例如.mp4）也會導致意外錯誤。在創建/編輯web.config文件之前，請確保使用IIS的默認權限進行簽入。

這是我的web.config文件看起來像固定GoDaddy的IIS問題：

<configuration> 
    <system.webServer> 
     <staticContent> 
      <mimeMap fileExtension=".ogg" mimeType="audio/ogg" /> 
      <mimeMap fileExtension=".oga" mimeType="audio/ogg" /> 
      <mimeMap fileExtension=".ogv" mimeType="video/ogg" /> 
      <mimeMap fileExtension=".webm" mimeType="video/webm"/> 
     </staticContent> 
    </system.webServer> 
</configuration>

來源

2010-12-07 22:14:04 mattelliottIT

似乎掉那些三隻存在於服務器上的.mp4文件。這是故意的嗎？ Firefox可能不支持.mp4文件中使用的編解碼器，並嘗試回退到不存在的回退。

編輯：我可以看到你正在使用IIS作爲首選的HTTP服務器。我現在要避免進入你選擇的軟件，但是如果這些文件實際存在於服務器上，這可能是由IIS的策略導致未知的文件擴展名。 IIS製作成拒絕向客戶端發送任何未知擴展名的文件。如果擴展名未知，則返回404錯誤。 IIS有一個這樣的子代碼，它可以顯示在自己的錯誤頁面上，但顯然真正的HTTP錯誤代碼總是404。「找不到文件」的代碼是404.0，而「未知文件擴展名」是404.3（這裏是錯誤代碼的complete list）。

您需要將這些文件擴展名添加到您的IIS配置與正確的MIME類型。

來源

2010-12-06 17:35:43

這真的很奇怪。我研究了這一點，並從ftp中看到了其他視頻，但當你試圖直接看到它們時，它們似乎並不存在......這怎麼可能。重新上傳它們並希望這可以解決問題。感謝您的快速響應！ – mattelliottIT 2010-12-06 22:55:41

確定後點了視頻在服務器上，但我只能在瀏覽器中看到它，如果我登錄到網頁通過更改HTTP到FTP在URL中。 – mattelliottIT 2010-12-06 23:11:15

據我所知FF3.6.x沒有HTML5的支持。它支持HTML5視頻標籤，但僅限於特定的編解碼器。

這是http://support.mozilla.com/en-US/kb/Youtube%20HTML5%20does%20not%20work%20in%20Firefox