尝试使用 JW Player 实现多个播放器。我尝试了几种方法并查看了文档,但我不太确定为什么代码会被破坏。
代码片段如下所示:
在头部:
<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>
JS:
$('video').jwplayer({
flashplayer: '/jwplayer/player.swf',
controlbar: 'none',
stretching: 'fill',
height: 120,
width: 120
});
HTML:
<video id="video" src="/media/original/original-video.mp4">Loading Video ...</video>
我收到的错误是:
$("video").jwplayer is not a function
现在我认为这意味着未加载 jwplayer.js 文件。然后我读了可能是因为速记 $ 没有被拾取所以我尝试了 jQuery。没有工作。但是,当我更改 javascript 以便它播放单个视频时,例如:
jwplayer('video').setup({
flashplayer: '/jwplayer/player.swf',
controlbar: 'none',
stretching: 'fill',
height: 120,
width: 120
});
代码确实有效。但是,这要求我所有的视频标签都具有相同的 ID。我不能这样做,因为我想要多个玩家。
任何帮助将不胜感激。有例子就更好了!感谢阅读。
最佳答案
我找到了答案。这是一个简单的!只需添加一个 jQuery each() 以便初始化每个标签 :)
希望这对其他人有帮助:
$('video').each(function(){
jwplayer(this.id).setup({
flashplayer: '/jwplayer/player.swf',
controlbar: 'none',
height: 120,
width: 120
});
});
关于jquery - JW Player 有多位玩家?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5797679/