VideoJS播放器沒有爲Firefox加載.webm視頻文件（引發「視頻錯誤」。當沒有其他視頻源（如mp4/mov）提供

Question

我看到其他幾個與Firefox相關的線程沒有正確呈現VideoJS的視頻播放器和投擲一個「VideoError」，其中大部分線程都是通過修改.htaccess文件來正確映射各種內容類型來解決的，我相信我已經排除了這個問題的起源：

這些是我的步驟I已採取目前排除故障的問題：

• 視頻文件在ei中查看時工作其他Firefox或Chrome
• 事實上，VideoJS播放器還在Firefox中運行，如果沒有提供除.webm文件之外的源代碼。在以下演示頁面中，Zencoder水印可輕鬆識別.webm視頻。
  • 演示 - 當.mov視頻源還包括：http://dev.muzioapp.com.s3-website-us-east-1.amazonaws.com/videoTest.html
    • 觀察：VideoJS播放器（上）做不負載的WebM視頻......此外，在該頁面使用第二個視頻默認的瀏覽器HTML5視頻播放器，它可以正常回退以在Firefox上加載.webm源代碼。
  • 演示 - ONLY .webm視頻源：http://dev.muzioapp.com.s3-website-us-east-1.amazonaws.com/videoTest-noMov.html
    • 觀察：VideoJS播放器（上）成功加載了Firefox中的WebM視頻。
  • 我在Amazon S3上託管這些視頻，並驗證了此.webm視頻文件（屬性面板的「元數據」部分中）的「Content-Type」的值爲「video/webm」 。

標記（具有多個源）：

<video id="vid-2" class="video-js vjs-muzio-skin"> 
<source type="video/mp4" src="http://dev.muzioapp.com.s3-website-us-east-1.amazonaws.com/content/ourMuzeVid1.mov" /> 
<source type="video/webm" src="http://dev.muzioapp.com.s3-website-us-east-1.amazonaws.com/content/ourMuzeVid1.webm" /> 
</video> 

標記（只有.webm源）：

<video id="vid-2" class="video-js vjs-muzio-skin"> 
<source type="video/webm" src="http://dev.muzioapp.com.s3-website-us-east-1.amazonaws.com/content/ourMuzeVid1.webm" /> 
</video> 

JavaScript來初始化VideoJS播放器：

<script type="text/javascript"> 
videojs('vid-2', {'controls': true, 'controls': true, 'autoplay': false, 'preload': 'auto', 'width': '800', 'height': '600'}, function() {}); 
</script> 

T他在Firefox控制檯中看到的錯誤：

[17:59:46.293] ["Video Error", {type:"error", target:({}), currentTarget:({}), eventPhase:2, bubbles:false, cancelable:false, timeStamp:1372373986292000, defaultPrevented:false, stopPropagation:(function(){e.stopPropagation&&e.stopPropagation();a.cancelBubble=f;a.Ab=c}), preventDefault:(function(){e.preventDefault&&e.preventDefault();a.returnValue=l;a.yb=c}), initEvent:function initEvent() { 
    [native code] 
}, stopImmediatePropagation:(function(){e.stopImmediatePropagation&& 
e.stopImmediatePropagation();a.lc=c;a.stopPropagation()}), originalTarget:({}), explicitOriginalTarget:({}), preventBubble:function preventBubble() { 
    [native code] 
}, preventCapture:function preventCapture() { 
    [native code] 
}, getPreventDefault:function getPreventDefault() { 
    [native code] 
}, isTrusted:true, NONE:0, CAPTURING_PHASE:1, AT_TARGET:2, BUBBLING_PHASE:3, MOUSEDOWN:1, MOUSEUP:2, MOUSEOVER:4, MOUSEOUT:8, MOUSEMOVE:16, MOUSEDRAG:32, CLICK:64, DBLCLICK:128, KEYDOWN:256, KEYUP:512, KEYPRESS:1024, DRAGDROP:2048, FOCUS:4096, BLUR:8192, SELECT:16384, CHANGE:32768, RESET:65536, SUBMIT:131072, SCROLL:262144, LOAD:524288, UNLOAD:1048576, XFER_DONE:2097152, ABORT:4194304, ERROR:8388608, LOCATE:16777216, MOVE:33554432, RESIZE:67108864, FORWARD:134217728, HELP:268435456, BACK:536870912, TEXT:1073741824, ALT_MASK:1, CONTROL_MASK:2, SHIFT_MASK:4, META_MASK:8, relatedTarget:(void 0), yb:function d(){return l}, Ab:function c(){return f}, lc:function d(){return l}, which:(void 0), cancelBubble:true}] 

任何人都有什麼想法會是什麼問題？有一個.mp4/.mov視頻文件是該項目的一項要求，以支持所有基於webkit的瀏覽器，並且我不願意使用Flash後備。我將不勝感激任何幫助！我已經用盡了所有我能想到解決這個問題的方法。提前致謝！

Answer 1

似乎mov視頻不被HTML5的Firefox實現支持，我得到這個錯誤：

Specified "type" attribute of "video/mp4" is not supported. Load of media resource http://dev.muzioapp.com.s3-website-us-east-1.amazonaws.com/content/ourMuzeVid1.mov failed.

這個（可能）的困惑是這裏的解釋：https://stackoverflow.com/a/5080583/208067

當視頻不作爲html5視頻嵌入，Firefox會尋找合適的插件來播放視頻並查找QuickTime。 video標籤沒有。

Answer 2

我遇到過類似的問題。這是由於視頻轉換器不能正確編碼視頻。最後，我決定使用YouTube。嘗試另一個視頻轉換器。除此之外，.mov是QuickTime，請嘗試.mp4。

http://www.w3schools.com/html/html5_video.asp

http://www.winxdvd.com/resource/mov.htm