我尝试寻找解决方案,在浏览论坛后的三天内我找不到任何帮助。
这是我有视频的链接: http://www.aguacatesjbr.com/English/Company/company.html
我相信代码是正确的,因为我用网站提供的Oceans-Clip视频替换了我的source video。 Oceas-Clip视频可以在FireFox和IE上播放,但不是我原来的视频。但是,如果我直接键入我的视频地址,它将在FF和IE上呈现。
我不认为这是尺寸问题,因为我正在使用重量为4.20MB的视频进行测试。
我在PC和MAC中都遇到IE和FireFox的这个问题。 Android和Apple设备与Chrome和Safari完美配合。
答案 0 :(得分:1)
首先,您需要使用正确的mime类型提供视频,对于mp4中的H.264为video/mp4
,对于WEBM为video/webm
。请参阅MSDN,MDN。
现在您将.mp4
视频投放为video/mpeg
。
然后,我的页面有video/webm
指向http://www.aguacatesjbr.com/Videos/JBR_video.webm
的来源,在撰写本文时不存在。解决了这个问题。
Firefox只能在某些平台上播放H.264 / mp4。有关Firefox中当前支持的平台和视频支持的列表,请参阅“Supported media formats”。
最后,在较新的Firefox版本中会出现有关视频加载失败的警告消息。 E.g:
[20:35:11.515] HTTP "Content-Type" of "video/mpeg" is not supported. Load of media resource http://www.aguacatesjbr.com/Videos/JBR_video.mp4 failed. @ http://www.aguacatesjbr.com/English/Company/company.html
[20:35:11.515] All candidate resources failed to load. Media load paused. @ http://www.aguacatesjbr.com/English/Company/company.html