Справка по отладке для простого Javascript/jQuery Vimeo Foogaloop

См. эту ссылку: http://jitimanagementcoach.com/TC_test/tabbed4try.html Я уже есть видео для воспроизведения и/или паузы на той или иной вкладке при нажатии на вкладку... но теперь мне нужно видео на вкладке Prelearn, чтобы "щелкнуть" вкладку Solution и воспроизвести видео после видео 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>

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


person aRig    schedule 30.01.2015    source источник
comment
добавьте проблему на скрипке, пожалуйста, чтобы правильно понять ошибку !!   -  person Jain    schedule 30.01.2015


Ответы (1)


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

Измените атрибут src вашего <iframe> на это:

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

Из документации Froogaloop:

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

Этот ответ stackoverflow и этот сообщение на форуме помогло найти это решение.

person John S    schedule 30.01.2015