Мне нужен веб-сайт, чтобы иметь вступительное видео (полный div по ширине сайта/фонового контента). Поэтому я сделал Div с видео iframe (VIMEO) и кнопкой для пропуска вступления (она закрывает div кликом js).
Но мне все еще нужно, чтобы он автоматически закрывал div сразу после окончания видео. Есть ли способ вызвать это событие, когда видео Vimeo заканчивается?
Я нашел способ сделать это на YouTube (с API), но, к сожалению, мне нужно, чтобы это было в Vimeo, потому что можно скрыть элементы управления, логотип и все остальное.
Большое спасибо за внимание.
**-- ОБНОВЛЕНИЕ (РАБОТАЕТ!)-- Спасибо за помощь! Если кому-то нужно подобное решение, вот его код: **
<div id="videointro">
<iframe src="https://player.vimeo.com/video/xxxxxxxxx?title=0&byline=0&portrait=0&transparent=0&autoplay=1&sidedock=0&controls=0" frameborder="0" title="Funny Cat Videos For Kids" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" data-ready="true"></iframe>
</div>
<button id="btn"></button>
<script src="https://player.vimeo.com/api/player.js"></script>
<script type="text/javascript" src="video.js"></script>
-- JS --
btn.onclick = function () {
document.getElementById("videointro").style.display='none';
};
// vimeo
var iframe = document.querySelector('iframe');
var player = new Vimeo.Player(iframe);
player.on('play', function() {
console.log('Played the video');
});
player.getVideoTitle().then(function(title) {
console.log('title:', title);
});
player.on('ended', function() {
console.log('the end');
player.destroy();
});
player.getEnded().then(function(ended) { // 'ended' indicates whether the video has ended });
- person disinfor   schedule 26.05.2021btn.onclick = function ()....
, но нигде вы не определяете, что такое переменнаяbtn
. - person disinfor   schedule 26.05.2021intro
, а неvideointro
- person disinfor   schedule 26.05.2021player.destroy()
в функцииgetEnded
вместоdocument.getElement....
Кроме того, каждый раз, когда вы повторно используете один и тот жеdocument.getElementById
, вы должны назначить его переменной. - person disinfor   schedule 26.05.2021