Простой пример Vimeo onFinish Event - PullRequest
Новая
       8

Простой пример Vimeo onFinish Event

0 голосов
/ 09 декабря 2011

Я попробовал несколько примеров с vimeo и других веб-сайтов, чтобы получить событие javascript, которое запускается, когда перестает воспроизводиться видео встроенного видео iframe vimeo.

Кажется, ничего из того, что я пытаюсь сделать, не работает!

Есть ли у кого-нибудь простейшая версия события JavaScript onFinish для проигрывателя iframe vimeo?

Пример страницы www.armourylondon.co.uk/work.php - нажатие на большой палец видео анимирует div, а затем загружается в плеер с Ajax. Я использую прототип / Scriptaculous фреймворки для AJAX и анимации.

У меня есть froogaloop js, и, как я уже сказал, я следовал многим примерам из stackoverflow, из примеров API vimeo и других веб-сайтов, но ни один из них не работает - по крайней мере, для меня!

Все, что мне нужно, это чтобы кто-то показывал доброе старое предупреждение Hello World, когда видео закончилось - я могу сделать все остальное! Я сидел здесь три часа, пытаясь заставить простое предупреждение вспыхнуть, но, увы, безрезультатно!

Js, который запускает анимацию и загрузку миниатюр в vimeo, находится прямо в заголовке документа - последний код внутри функции onCopmplete для средства обновления ajax под комментарием «// Vimeo Auto close after finish» является последним Версия, которую я пробовал, не работал. Я помещал туда код, так как iframe не существует в Dom, пока Ajax Updater не загрузил видео в div, который вырос при нажатии на миниатюру.

1 Ответ

0 голосов
/ 09 декабря 2011

Я использовал этот код в конце - он заработал около 9 утра сегодня утром! 

$f($('armoury_vid')).addEvent('ready', ready);

function ready(player_id) {
    // Keep a reference to Froogaloop for this player
    var container = document.getElementById(player_id).parentNode.parentNode;
    froogaloop = $f(player_id);
    froogaloop.addEvent('finish', function(data) {
      document.body.removeChild($('armoury_vid').parentNode);
    });
}

Я поместил код в обратный вызов onComplete для вызова Ajax.Updater, который загружает видео vimeo вpage.

Я полагаю, что это потому, что я не упаковывал $ (prototypecall) в функцию Froogaloops $ f () - ошибка отмечена!

Приведенный выше скрипт был построен с использованием Прототип фреймворк - потребуется очень мало усилий, чтобы адаптировать его для использования jQuery фреймворка - вплоть до личных предпочтений - они оба делают то же самое, просто слегка различный синтаксис!

...