VideoJS-плеер не загружает видеофайл в формате .webm для Firefox (выбрасывает «Ошибка видео». Работает, когда не предоставляются другие источники видео (например, mp4/mov).

Question

Я видел несколько других тем, связанных с Firefox, которые неправильно воспроизводят видеоплеер VideoJS и бросают «VideoError». Большинство этих потоков были решены путем изменения файла .htaccess для правильной сопоставления различных типов содержимого. Я считаю, что я исключил это как источник проблемы.

Это шаги I были предприняты для устранения проблемы до сих пор:

• Видеофайл работает при просмотре в ei ther Firefox или Chrome
• На самом деле, проигрыватель VideoJS ТАКЖЕ РАБОТАЕТ в Firefox, ЕСЛИ нет источников, отличных от файла .webm. На следующих демонстрационных страницах видео .webm легко идентифицируется водяным знаком Zencoder.
  • Demo - Когда источник .mov видео также включены: http://dev.muzioapp.com.s3-website-us-east-1.amazonaws.com/videoTest.html
    • Наблюдения: игрок VideoJS (вверху) делает НЕ нагружают WebM видео ... Кроме того, второе видео на странице использования видеопроигрыватель HTML5 по умолчанию, и он правильно восстанавливается для загрузки источника .webm в Firefox.
  • Demo - ТОЛЬКО .webm источник видео: http://dev.muzioapp.com.s3-website-us-east-1.amazonaws.com/videoTest-noMov.html
    • наблюдения: VideoJS игрок (вверху) успешно загружает видео WebM в Firefox.
  • Я размещаю эти видео на Amazon S3, и я подтвердил, что значение для «Content-Type» этого видеофайла .webm (в разделе «Метаданные» на панели «Свойства») - «video/webm», ,

Markup (с несколькими источниками):

<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> 

Markup (только .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