Мне нужна идея для создания приложения для размещения рекламы фильмов перед фильмами на веб-странице. Рекламные ролики и фильмы размещаются на Vimeo.
Я пытался использовать API проигрывателя Vimeo, но столкнулся с одной серьезной проблемой. Мое приложение прослушало событие "play", а затем запустилось объявление. Но перед запуском рекламы показывались один-два кадра основного фильма. Поэтому приложению нужно было немного подождать, чтобы запустить рекламу.
Это выглядело плохо, особенно когда постер был в начале основного видео.
Я не знал, как это исправить.
Мой код был следующим:
<script>
var iframe = document.querySelector('iframe');
var player = new Vimeo.Player(iframe);
var a = 1;
function playAd() {
if (!a) return;
a = 0;
player.pause();
player.loadVideo(41540648);
player.on('loaded', function () {
player.play();
});
}
var b = 1;
function playMovie() {
if (!b) return;
b = 0;
player.loadVideo(63723953);
player.on('loaded', function () {
player.play();
});
}
player.on('play', playAd);
player.on('ended', playMovie);
</script>