Блог

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

     <div id="ytplayer"></div>

<script>
  // Load the IFrame Player API code asynchronously.
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // Replace the 'ytplayer' element with an <iframe> and
  // YouTube player after the API code downloads.
  var player;
  function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
      height: '700',
      width: '1600',
      videoId: 'MyVideo',
      playerVars: { 'autoplay': 1, 'controls': 0,'modestbranding': 1, 'rel': 0 }
    });
  }

</script>
  

Конечно, был бы признателен за любую помощь!

Вы можете использовать событие players onStateChange для вызова собственной функции.

Например

 function VideoEnd(state){
if(state.data === 0){
 window.location="https://jsfiddle.net";
  }
}
function onYouTubePlayerAPIReady() {
  player = new YT.Player('ytplayer', {
   height: '300',
   width: '400',
   videoId: 'kvKLpJbIfn4',
   playerVars: { 'autoplay': 1, 'controls': 0,'modestbranding': 1, 'rel': 0 },
     events:{
       'onStateChange': VideoEnd
     }
 });
}
  

Вот пример JsFiddle

Если у вас есть какие-либо вопросы, пожалуйста, оставьте комментарий ниже, и я свяжусь с вами как можно скорее.

Я надеюсь, что это поможет. Счастливого кодирования!