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

Question

我的视频已设置为加载视频，您可以单击下方的图像浏览其他视频。我用这个解决方案Click Loads multiple videos using YOUTUBE Iframe

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

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

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");
});