点击箭头可使用YOUTUBE iframe导航多个视频

Question

我已根据视频加载设置了视频，您可以点击下方的图片浏览其他视频。我使用了这个解决方案Click Loads multiple videos using YOUTUBE Iframe

看到这个小提琴： http://jsfiddle.net/Y9j7R/5/

我希望能够使用上一个/下一个箭头浏览这些视频。任何帮助表示赞赏。另外，我使用最好的方法来解决这个问题，我找不到其他任何东西。感谢

Answer 1

我通过创建nextOrFirst和prevOrLast函数并触发箭头的点击来解决这个问题。代码见：

// Fake click for video arrows //

// Adds function nextOrFirst() //
jQuery.fn.nextOrFirst = function(selector){
var next = this.next(selector);
return (next.length) ? next : this.prevAll(selector).last();
}

// Adds function prevOrLast() //
jQuery.fn.prevOrLast = function(selector){
var prev = this.prev(selector);
return (prev.length) ? prev : this.nextAll(selector).last();
}

$(".icon-video-left-arrow").click(function() {
$(".fader.active").prevOrLast().trigger("click");
});

$(".icon-video-right-arrow").click(function() {
$(".fader.active").nextOrFirst().trigger("click");
});