У меня есть видео на YouTube, которое после его завершения я бы хотел перенаправить на другую страницу моего сайта. - PullRequest
Новая
       25

У меня есть видео на YouTube, которое после его завершения я бы хотел перенаправить на другую страницу моего сайта.

0 голосов
/ 16 марта 2019

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

    <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>

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

1 Ответ

2 голосов
/ 16 марта 2019

Вы можете использовать событие 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

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

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

...