1

我希望我能举一个例子，但我会尽力解释。

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

4

0 回答 0