jwplayer 6寻找播放列表中的元素并不起作用

时间:2014-09-11 00:46:20

标签: javascript jwplayer jwplayer6

我们正在使用外部清理程序(一个不是默认搜索栏的UI元素)来搜索(通过jquery ui draggable),并且它不应该更新jwplayer。

我们的代码概要:

$('#scrubber').draggable({

    // ...

    stop: function (event, ui) {

        $('#scrubber').draggable('enable');

        var intSecFromEnd,
            intSeek,
            intTotalTime = 0,
            intScrubPosition = ui.position.left,
            intScrubTime = intScrubPosition;

        // Find which video in the playlist to use
        $.each(playlist, function (i, obj) {

            intTotalTime += parseInt(obj.duration);

            if (intTotalTime > (intScrubTime)) {

                intSecFromEnd = intTotalTime - parseInt(intScrubTime);
                intSeek = Math.floor((parseInt(obj.duration) - intSecFromEnd));

                jwplayer('videoPlayer').load(playlist);
                jwplayer('videoPlayer').playlistItem(i);
                jwplayer('videoPlayer').seek(intSeek);
                jwplayer('videoPlayer').pause();


                /*
                    Play the video for 1 second to refresh the video player, so it is correctly displaying the current point in the video
                    Does not work either
                */
                // setTimeout(function () {
                //     jwplayer('videoPlayer').pause();
                // }, 1000);

                return false;
            }
        });
    }
});

你会注意到关键位:

jwplayer('videoPlayer').load(playlist);
jwplayer('videoPlayer').playlistItem(i);
jwplayer('videoPlayer').seek(intSeek);
jwplayer('videoPlayer').pause();

当我直接使用整数值将其放入控制台时intSeek它的工作原理完全正常,所以我很困惑可能会出现断开连接的地方。

变体(仅适用于播放列表中的一个项目)

这仅适用于播放列表的第一个成员,因为seek()函数默认为播放列表中的元素0

jwplayer('videoPlayer').load(playlist);
jwplayer('videoPlayer').seek(intSeek);
jwplayer('videoPlayer').pause();

当然,jwplayer('videoPlayer').playlistItem(i)会在我们想要的索引处检索项目,并根据文档应该:

  

开始播放指定索引处的播放列表项目。

但是,因为这实际上是第一个例子,它不起作用。

备注

  • 当从播放器外部触发.seek()方法时,onSeek()方法永远不会被jwplayer触发。

  • 如下所示,jwplayer onReady事件永远不会被触发。 jwplayer(strVideo).playlistItem(i).onReady({ console.log('ready'); });

1 个答案:

答案 0 :(得分:1)

我们正在尝试onPlaylistItem(index).seek(秒),但这不起作用。 这仅适用于活动播放列表和当然 - 仅关于第一个文件。

我们正在尝试使用预先加载的播放列表和每个播放列表项目的搜索按钮。 我们使用包含更多文件的播放列表,用户可以转到特定文件,然后再单击调用的按钮:

jwplayer().onPlaylistItem(<index_file>).seek(seconds);

这会跳转到秒,但不会转到正确的播放列表项。

使用&#34; playListItem&#34;进行previuos测试玩家跳转到正确的文件,但从头开始,而不是寻求秒。 (但只能在html5模式下工作而不能用flash工作)。

现在我们已经测试了这段代码

<a onclick='var only_once =false;jwplayer().playlistItem(1);jwplayer().onPlay(function () {  
if (only_once == false) {
        only_once = true;
          jwplayer().seek(60);
    }
});' class="btn">HLS play 2nd file at 1 min</a>

但此解决方案仅适用于Flash模式,而不适用于html 5模式播放器!