HTML5視頻元素拒絕玩

Question

我有嵌入HTML5視頻如下：

<video controls poster="/wp-content/uploads/2015/12/screenvid1.png"> 

    <source src="/wp-content/uploads/2015/12/Speeltuin-de-Vaan-montage-met-muziek.mp4" type="video/mp4"> 

    <source src="/wp-content/uploads/2015/12/Speeltuin-de-Vaan-montage-met-muziek.mp4.ogg" type="video/ogg"> 

Your browser does not support the video tag. 

</video> 

這在測試服務器上正常工作。但是，它不適用於'真正'的服務器。在這個「真實」的服務器上，Internet Explorer 11顯示「Invalid Source」，Firefox 43.0.4顯示「未找到支持格式和MIME類型的視頻」。

我相當肯定源文件是在正確的地圖上，並相信瀏覽器找到該文件，但不知何故拒絕播放它。至少我沒有看到源文件可能在錯誤的地方。確實，當我將文件路徑更改爲不存在的路徑時，我得到了相同的錯誤信息，但正如我所說的，我沒有看到它可能是'文件未找到'的簡單情況。如果這是一個'文件未找到'的情況，這不是因爲該文件實際上並不存在（當然，除非我悲慘地錯過了！）

注意：源文件路徑的唯一區別兩臺服務器之間是在測試服務器上，路徑以額外映射'/ wptest'開始，因爲這是Wordpress網站所在的子映射，而在'真實'服務器上它駐留在根文件夾中。將網站複製到「真實」服務器後，我已在所有相關位置對許多文件（例如圖像）進行了相應更改，並始終找到這些文件。我還檢查了三次文件實際上存在於正確的地圖上的「真實」服務器上。事實上，讓我上傳地圖結構的截屏，因爲它是「真正的」服務器上（與所選擇的視頻文件）：

http://www.test2468.nl/wptest/Screenshot%20(3137).png

[注：在此服務器上，被稱爲地圖「 svvreewijk'始終算作根文件夾！]

我發現了關於此錯誤消息的其他問題，但提出的解決方案看起來相當複雜（如使用特殊音頻格式化軟件更改格式），而且我仍然希望該問題實際上很容易解決 - 特別是考慮到視頻在測試服務器上無問題地播放。

鏈接到測試服務器上的相關頁面：http://www.test2468.nl/wptest/foto-vid/（視頻更向右）

鏈接到對應網頁「真正的」服務器上： http://www.svvreewijkdevaan.nl/nl/foto-video/

感謝。

Answer 1

在第一種情況下，文件存在：

$ wget --spider test2468.nl/wptest/wp-content/uploads/2015/12/Speeltuin-de-Vaan-montage-met-muziek.mp4 
HTTP request sent, awaiting response... 200 OK 
Length: 587940629 (561M) [video/mp4] 
Remote file exists. 

在第二種情況下，文件不：

$ wget --spider svvreewijkdevaan.nl/wp-content/uploads/2015/12/Speeltuin-de-Vaan-montage-met-muziek.mp4 
HTTP request sent, awaiting response... 404 Not Found 
Remote file does not exist -- broken link!!! 

Answer 2

它確定的是，服務器返回一個消息，說的情況下文件沒有薩拉所說的。

鑑於你的問題的信息，這可能由多種原因引起：相對VS測試服務器和真實服務器之間的絕對路徑

• 不同（雖然如果你的其他文件，圖像等工作，這看起來少可能）。
• 視頻文件非常大 - 您的服務器或網絡可能有非常大的文件的限制
• 有可能是在服務能力的服務器視頻差值（例如看到類似的問題與MP4上的IIS：http://robwillis.info/2012/04/iis-7-404-file-not-found-when-the-file-really-does-exist/）