Debug Помощь для Simple Javascript/JQuery Vimeo Froogaloop

Question

Смотрите эту ссылку: http://jitimanagementcoach.com/TC_test/tabbed4try.html У меня уже есть видео, чтобы играть и/или остановиться на той или иной вкладке, когда вкладка нажал ... но теперь мне нужен видео на вкладке Prelearn, чтобы «щелкнуть» вкладку «Решение» и воспроизвести видео после завершения видеоролика Prelearn.. Вот код:

   <script> 
var iframe1 = document.getElementById("prelearnvid"); 
var iframe2 = document.getElementById("solutionvid"); 
var player1 = $f(iframe1); 
var player2 = $f(iframe2); 
var prelearnBtn = document.getElementById("prelearnbtn"); 
prelearnBtn.addEventListener("click", function() {player1.api("play");player2.api("pause");}); 

var solutionBtn = document.getElementById("solutionbtn"); 
solutionBtn.addEventListener("click", function() {player2.api("play");player1.api("pause");}); 

    player1.addEvent('ready', function() {player1.addEvent('finish', onFinish);}); 

    function onFinish(id) {window.location.href = '#solution-tab';}; 

     </script> 

Все работает отлично до самых последних двух строк ... где я иду не так?

Answer 1

ready Событие не стреляет в ваш плеер. Чтобы события игрока срабатывали, вам нужно добавить параметр player_id на ваш URL-адрес, который включает id вашего .

Изменить атрибут src вашей к этому:

<iframe id="prelearnvid" src="http://player.vimeo.com/video/92349330?&amp;player_id=prelearnvid" 

От Froogaloop documentation:

Если вы встраивание и управления несколькими игроками на странице или с помощью нашей библиотеки JS API (Froogaloop), вы должны дать каждому игроку player_id, который соответствует идентификатору элемента iframe.

Этот stackoverflow answer и этот forum post помогли раскрыть это решение.