Question

我在一个页面中嵌入了一个Youtube播放器，我使用player.getDuration()检测总秒数，使用`player.getCurrentTime（）检测当前秒数。我已经构建了一个jQuery滑块，对应于Youtube播放的秒数如下：

   $('#progressbar').slider({
        value: 0,
        orientation: "horizontal",
        range: "min",
        min:0,
        max:songDuration,
        animate: true,
        change: function(event, seekto){
            //We got the volume.value -> Set it to the video;
            player.seekTo(seekto.value);
        }
    });

其中songDuration表示当前歌曲的总持续时间。此外，在更改功能上，seekto表示在视频中搜索的秒数;

另外，我正在使用这段代码：

   setInterval(function(){
            $("#progressbar").slider({max: player.getDuration()});
            $("#progressbar").slider({value: player.getCurrentTime()});
            $('.current_elapsed').html(getPropperDuration(Math.floor(player.getCurrentTime())));
            },1000);

用播放的秒数从开始到结束更新滑块;
问题是玩家重复一小部分秒，或者重复与setInterval函数每秒1秒更新Youtube播放器秒的相同秒数，并且由于此，玩家重复一秒钟的小片段。

是否有任何解决方法可以使用相同的滑块在视频中进行搜索，还可以表示视频中的总耗用时间？

Youtube视频通过jQuery滑块搜索

0 个答案: