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

Question

我的视频设置了视频加载，您可以单击下面的图像来浏览其他视频。我使用了这个解决方案点击使用 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");
});