Как подключиться к событию, вызванному окончанием видео, размещенного в Brightcove?

У меня есть следующий код для отображения плеера Brightcove, когда пользователь нажимает на изображение с помощью кнопки воспроизведения:

$(document).ready(function() {
    $('#performanceVideo').hide();
    $('#banner_text_wrap').click(function(e) {
        e.preventDefault();
        $('banner-image').hide().fadeOut(slow);
        $('#performanceVideo').show().fadeIn(slow).css({'float':'left','margin-top':'-251px'});
    });
});

Я хочу вернуть изображение обратно, когда видео закончится. Как подключиться к событию окончания видео с помощью jQuery? Читая документацию, я думаю, что мне нужно будет включить addEventListener в код, но я новичок в JavaScript, поэтому любая помощь приветствуется.


javascript jquery video brightcove appcloud
person br3w5    schedule 24.07.2012    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Добавьте эти два параметра в свой фрагмент проигрывателя:

<param name="includeAPI" value="true" />
<param name="templateLoadHandler" value="myTemplateLoaded" />

Затем добавьте функцию javascript, которая соответствует значению, которое вы указали для templateLoadHandler в параметрах фрагмента, чтобы настроить прослушиватель событий для конечного события videoPlayers.

function myTemplateLoaded(experienceID){
  player = brightcove.api.getExperience(experienceID);
  modVP = player.getModule(brightcove.api.modules.APIModules.VIDEO_PLAYER);
  modVP.addEventListener(brightcove.api.events.MediaEvent.COMPLETE,onMediaComplete);
}

Затем скройте игрока, когда сработает полное событие:

function onMediaComplete(evt){
  $('#performanceVideo').hide();
  $('banner-image').show().fadeIn(slow);
}
person Lee Whitaker    schedule 24.07.2012