jwPlayer - 使用javascript切换XML播放列表

时间:2013-08-16 17:48:57

标签: javascript jquery jwplayer

我希望我能展示一个这样的例子,但我会尽力解释。

我已将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个视频)。

0 个答案:

没有答案