Javascript 如何使用JW播放器在所有浏览器/设备中播放视频？

我在我的项目中使用JW播放器，其中包含许多格式的视频：MP4、FLV、OGV、WMV

我阅读了每个浏览器支持的不同格式的文档。所以，现在我使用MP4（Chrome，Safari）、FLV（IE，7,8,9）和WEBM（Mozilla）

我的问题是，如果这段代码执行：检查浏览器是否支持HTML5或FLASH->依赖于浏览器自动复制MP4（Chrome-Safari）或FLV（IE）或WEBM（Mozilla）

因为，特别是在mozilla中，我第一次听到这样的信息：“加载媒体时出错：无法播放文件” 。然后，当我单击2次或1次时，播放视频

也许这种情况会发生在文件的顺序上

---

更新 我更改了mime.conf设置和.htaccess，添加了以下行：

注意：我在Codeigniter项目中使用Drupal的.htaccess

.htaccess：

#
# Apache/PHP/Drupal settings:
#

#For disable gzip
SetEnvIfNoCase Request_URI \.(og[gv]|mp4|m4v|webm)$ no-gzip dont-vary

#For add mime types
AddType video/ogg  .ogv
AddType video/mp4  .mp4
AddType video/webm .webm
[...]

mime.conf

#
# If the AddEncoding directives above are commented-out, then you
# probably should define those extensions to indicate media types:
#
AddType application/x-compress .Z
#AddType application/x-gzip .gz .tgz
AddType application/x-bzip2 .bz2
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

我禁用了gzip压缩，但问题仍然存在。。只有我的应用程序进入facebook的iframe，视频webm才会失败。MP4工作正常

---

更新2 这里的问题是推特引导。我用这个来做show情态动词。在用视频显示模式之前，我将cookies保存在浏览器中

当我将视频放入模式时，视频无法播放。当我点击视频2次时，此视频将播放。仅在Mozilla Firefox中；铬合金，即7-8-9工作良好

当我把视频放出去的时候。这通常在所有浏览器中播放

---

对不起，我的英语太差了。

通过查看您的链接，我可以确定您现在使用的是JW6，而不是JW5，您应该使用不同的代码

此代码：

jwplayer('container').setup({
                height: 309,
                width: 549,
                levels: [
                    { file: "video.mp4" },
                    { file: "video.webm" },
                    { file: "video.flv" }
                ], 
                'modes': [
                    {type: 'html5'},
                    {type: 'flash', src: "jwplayer.flash.swf"},
                    {type: 'download'}
                ]
});

应该是这样的，例如：

jwplayer('container').setup({
                height: 309,
                width: 549,
                playlist: [{
                sources: [
                    { file: "video.mp4" },
                    { file: "video.webm" },
                    { file: "video.flv" }
                ]
                }]
});

这是因为在JW6模式中，HTML5已经是主要模式，而“级别”被“源”取代

这是一份迁移文件-

---

jw6中使用多个文件的示例如下-

我不会使用FLV，我只会使用MP4和OGV。不支持WMV。关于您的it播放问题，您是否有链接？@ethangtail Flash Support MP4？现在，我正在准备一个与视频OGV的链接，MP4 y FLV。@Longtail OGV是唯一支持一个版本的浏览器Mozilla的。所以我决定用webm代替OGV。你能告诉我在JW播放器中使用什么编码器吗？@EthanLongTail我编辑了我的问题。WEBM播放正确，但在单击1或2次之前。我还有一个与这3个视频的链接，以3种格式正常播放。这个讨论太长，很难跟上。然而，它包含了好的信息，应该整合到问题或答案中。请这样做，如果需要，继续聊天中的讨论！好的，我删除“模式”并将“源”的“级别”更改为“播放列表”。但是，它不起作用。我更新我的应用程序。不要只在Mozilla Firefox中使用视频。因为，当我第一次播放视频时，只能听到音频，而不能听到视频。当我第二次点击时，我可以观看视频。也许这是源的顺序？。。或者存在于V6播放器中，以其他方式为浏览器替换视频@EthanLongtail您可以从我与您共享的URL下载视频。您的MP4文件已在文件末尾而不是文件开头使用MOOV ATOM进行编码。我建议在MP4文件上运行此工具-

jwplayer('container').setup({
                height: 309,
                width: 549,
                playlist: [{
                sources: [
                    { file: "video.mp4" },
                    { file: "video.webm" },
                    { file: "video.flv" }
                ]
                }]
});