Question

我使用jwplayer.version ='5.10.2295'和浏览器chrome 25。

我的代码：

jwplayer('container').setup({
    file: 'path...',
    width: '300px',
    height: '100px',
    autostart: true,
    modes: [
        { type: 'html5' },
        { type: 'flash', src: 'path...' }
    ]
});

当页面加载时，我的资源（mp4视频文件）开始正确显示 - 没关系。但是对于简单的jwplayer JS API方法没有任何反应，例如，以jwplayer（）。stop（）为例。并且某些控件不可用（播放，顶部，搜索），但“全屏模式”按钮和音量按钮一样工作。

最有趣的是js api和控制按钮在视频开始播放后可用几秒钟（如果浏览器缓存被清除），然后没有响应交互。但是有些方法可以正常工作（例如jwplayer（）。setFullscreen（））。

P.S。我看到了相关的question，但答案对我来说并不是很深刻。

Answer 1

我找到了解决方案。

我的视频文件在路径中没有指定的扩展名（我有'path / to / file'而不是'path / to / file.mp4'），这个事实在jwPlayer的深处有所改变。我们需要指定我们操作的文件类型：

jwplayer('container').setup({
    file: 'path/to/file-with-no-extension',
    width: '300px',
    height: '100px',
    autostart: true,
    type: 'video',  //helps jwplayer to determine how to handle our resource with no extension
    modes: [
        { type: 'html5' },
        { type: 'flash', src: 'path...' }
    ]
});

这是解决方案。

Answer 2

从http://www.longtailvideo.com/jw-player/download/

下载jwplayer6

将这些文件放入特定目录： -

应用程序/资产/ jwplayer / jwplayer.flash.swf
供应商/资产/ Javascript角/ jwplayer.js
供应商/资产/ Javascript角/ jwplayer.html5.js

然后在 application.js

中添加这些行

//= require jwplayer
//= require jwplayer.html5

在您播放视频的页面上，添加以下行

<script type="text/javascript">jwplayer.key="YOUR_JWPLAYER_KEY";</script>
<div id="video">Loading the player ...</div>
<script type="text/javascript">
jwplayer("video").setup({
    flashplayer: "<%=asset_path('jwplayer.flash.swf')%>",
    file: "<%= file_path %>",
    height: 360,
    width: 640,
    analytics: {
        enabled: false,
       cookies: false
   }
});

http://account.longtailvideo.com/#/home您可以从获取许可密钥部分获取免费自托管密钥。

JW Player javaScript API无法正常工作

2 个答案: