Как приостановить vimeo в динамическом iframe?

Question

У меня есть набор элементов, когда я нажимаю один из них, я загружаю iframe внутри. Когда я нажимаю на другой элемент, я закрываю любой открытый элемент и загружаю его относительный iframe с помощью vimeo. Тем не менее, мне нужно приостановить предыдущее vimeo, так как это может играть.

Это то, что я сделал, но это не останавливает любой другой игры Vimeo

$(document).on('click', '.item:not(.is-expanded)', function() { 
    var videoSpan = $(this).find("span.video"); 
    var url = videoSpan.data("vimeoid"); 
    if(url){ 
    var tokens = url.split("/"); 
    var id = tokens[3]; 
    var iframe = $('<iframe/>', { 
    'frameborder' : 0, 
    'class' : 'tide embed-responsive-item', 
    'src' : 'http://player.vimeo.com/video/'+ id + '?api=1&player_id=player1 webkitAllowFullScreen mozallowfullscreen allowFullScreen', 
    load:function(){ 
     var iframeB = $('#player1')[0]; 
     var player = $f(iframeB); 
     player.addEvent('pause', onPause); 
     } 
    }); 
    videoSpan.replaceWith(iframe); 
    } 
}); 

Я вставили их апи <script src='//f.vimeocdn.com/js/froogaloop2.min.js'></script>

Console говорит Uncaught ReferenceError: onPause is not defined

This is what they say about their api use

Answer 1

Решенный это как это, в основном, я освобождаю область, где я загружаю iframe, и каждый раз перезагружаю ее.

$(document).on('click', '.item:not(.is-expanded)', function() { 
    $(".item span.video").empty(); 
    var videoSpan = $(this).find("span.video"); 
    var url = videoSpan.data("vimeoid"); 
    if(url){ 
    var tokens = url.split("/"); 
    var id = tokens[3]; 
    var iframe = $('<iframe/>', { 
     'frameborder' : 0, 
     'class' : 'tide embed-responsive-item', 
     'src' : 'http://player.vimeo.com/video/'+ id + '?api=1 webkitAllowFullScreen mozallowfullscreen allowFullScreen' 
    }); 
    videoSpan.html(iframe); 
    } 
});