Событие пожара, когда видео vimeo перестает играть?

Мне просто интересно, можно ли запустить событие после того, как видео Vimeo закончило игру?

В настоящее время у меня есть встроенный Vimeo в оверлей, который я хочу удалить после прекращения видео. Надеюсь, это имеет смысл!

У меня действительно нет никакого кода, который бы был полезен, но хотел бы знать, можете ли вы добавить слушателей событий к видео, запустить событие после завершения видео и как вы это сделаете?

Спасибо Райан

Ответ 1

Предыдущий ответ теперь устарел, так как Vimeo запускает новый API видеопроигрывателя.

Важно: Обязательно удалите ?api=1 из URL-адреса в вашем iframe. Это было ранее необходимо при использовании библиотеки Froogaloop и больше не требуется. Если вы его оставите, "законченные", "искаженные" и другие события никогда не будут срабатывать.

Включите новый script:

<script src="https://player.vimeo.com/api/player.js"></script>

И затем используйте следующий пример:

$(document).ready(function(){

    var iframe = $('#container iframe');
    var player = new Vimeo.Player(iframe);

    player.on('ended', function() {
        console.log('Finished.');
    });

});

Ответ 2

Во-первых, вам нужно указать путь к библиотеке Vimeo 'Frogaloop, в вашем HTML (после включения JQuery):

<script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script>

Затем вам необходимо встроить видео Vimeo (снова в свой HTML):

<iframe id="PLAYER1" src="https://player.vimeo.com/video/76979871?api=1&player_id=PLAYER1" width="630" height="354" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Здесь api = 1 'включает api - это по умолчанию отключено для производительности. И, player_id = 'PLAYER1' является идентификатором вашего iframe.

Затем в вашем файле JavaScript вам потребуется следующее:

$(function() {

    //Gets the iframe by id
    var iframe = $('#PLAYER1');
    //Creates a player var using the iframe
    var player = $f(iframe);

    // When the player is ready/loaded, add a finish event listener
    player.addEvent('ready', function() {
        //Adds an event 'finish' that executes a function 'onFinish' when the video has ended.
        player.addEvent('finish', onFinish);
    });

    //Define the onFinish function that will be called
    function onFinish(id) {
        console.log('THE VIDEO HAS FINISHED PLAYING');
    }

});

Затем просто просто воспроизведите видео и проверьте вывод консоли.

Вот ссылка в соответствующую часть документации.

Благодаря @Raptor для указания на api docs.

Ответ 3

http://developer.vimeo.com/player/js-api

Проверьте эту страницу, особенно часть списка событий. Я уверен, что могу написать код на нем, если вам нужна дополнительная помощь?