@NikolayStepanov
Начинаюший Front-end разработчик

Как навесить действие элементу по окончанию видео?

Мне нужно что бы по окночанию видео div занимала весь экран.
вот код
<div class="wrapper">
 <div id="ytplayer"></div>

  </div>
  <div class="ful-bg"></div>
</div>


var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
      width: '640',
      height: '390',
      videoId: 'tqLjS0bVFYM',
      events: {
        onReady: onPlayerReady,
        onStateChange: onPlayerStateChange
      }
    });
}

// autoplay video
function onPlayerReady(event) {
    event.target.playVideo();
}

// when video ends
function onPlayerStateChange(event) {        
    if(event.data === 0) {          
        alert('done');
    }
}


Подскажите пожалуйста .
  • Вопрос задан
  • 72 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы