我正在使用jQuery Tools Scrollable一次显示一个视频。我把它设置为循环。在视频结束后,它会触发下面的事件(仅供参考:在这里使用JW Player)。
onComplete: function() {
// Setup scrollable API
var api = jQuery('.home .scrollable').data('scrollable');
// Pause the current video
api.onBeforeSeek(function() {
var paneIndex = this.getIndex();
// Pause the current JW Player
jwplayer(paneIndex).pause(true);
});
// On next/prev event, play video
api.onSeek(function() {
var paneIndex = this.getIndex();
// Play the JW Player if there is one
jwplayer(paneIndex).play(true);
});
// Go to next pane
api.next(400);
}
问题是它会跳过第二个视频。我想这与Scrollable进行循环滚动的方式有关。它克隆了第一个和最后一个项目,因此当“下一个”事件发生时,它会与循环中的位置混淆。所以它从第1项到第3项,而不是1,2,3。