點擊箭頭導航使用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"); 
});