我希望我能展示一个这样的例子,但我会尽力解释。
我已将jwPlayer 5.7集成到客户端的网页中。播放列表由大约120个视频组成的XML文件提供。其中一些视频分为4部分系列。客户希望在选择这些视频时,播放列表会显示系列中的4个视频和仅4个视频。
$(function() {
buildPlayer();
function buildPlayer() {
jwplayer('mediaplayer').setup({
'autostart': 'false',
'controlbar': 'bottom',
'id': 'playerID',
'width': '960',
'height': '400',
'file': 'videos.xml',
'modes': [
{type: 'flash', src: '/jwplayer/player.swf'},
{type: 'html5'},
{type: 'download'}
],
'skin': 'skywalker.zip',
'playlist.position': 'right',
'playlist.size': '300'
});
};
// On playlist Item change...
jwplayer().onPlaylistItem(function(event) {
var curItem = (event.index);
console.log('index change..' + curItem);
if (curItem == 0) {
jwplayer('mediaplayer').play();
}
else if (curItem == 74) {
jwplayer().load([{file:"video-series-1.xml"}]);
return false;
}
else {
console.log('not webinar');
jwplayer().load([{file:"media-feed.xml"}]);
jwplayer('mediaplayer').play();
}
});
});
这在某种程度上有效。播放列表将更改为“系列”XML文件。但在我点击具有该功能的链接后:
jwplayer().playlistItem(57);
jwplayer()。onPlaylistItem函数不会触发。我想是因为这个播放列表没有索引为57的视频(总共只有4个视频)。