Question

我看到其他几个与Firefox相关的线程没有正确呈现VideoJS的视频播放器并抛出“VideoError”。通过修改.htaccess文件以正确映射各种内容类型来解决大多数这些线程。我相信我已经排除了这个问题的根源。

这些是我到目前为止解决问题的步骤：

在Firefox或Chrome浏览器中查看视频文件
事实上，VideoJS播放器在Firefox中也是如此，如果没有提供.webm文件以外的其他来源。在以下演示页面中，.webm视频可通过Zencoder水印轻松识别。
- 演示 - 当还包含.mov视频来源时：http://dev.muzioapp.com.s3-website-us-east-1.amazonaws.com/videoTest.html
  - 观察：VideoJS播放器（顶部）不加载WebM视频...此外，页面上的第二个视频使用默认浏览器HTML5视频播放器，并且它正确地回退到加载Firefox上的.webm源代码。
- 演示 - 仅.webm视频来源：http://dev.muzioapp.com.s3-website-us-east-1.amazonaws.com/videoTest-noMov.html
  - 观察：VideoJS播放器（顶部）在Firefox中成功加载WebM视频。
- 我在Amazon S3上托管这些视频，并且我验证了此.webm视频文件的“内容类型”的值（在“属性”面板的“元数据”部分中）是“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>

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

HTML5 Firefox实施似乎不支持mov个视频，我收到此错误：

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

VideoJS播放器没有为Firefox加载.webm视频文件（抛出“视频错误”。当没有提供其他视频源（如mp4 / mov）时工作

2 个答案: