我有一个YouTube视频，该视频完成后，我想将其重定向到我的网站上的另一页

Question

我的视频播放正确，我的问题上有几个答案下面的代码

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

肯定会感谢任何帮助！

Answer 1

您可以使用玩家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示例

如果您有任何疑问，请在下面发表评论，我尽快与您联系。

我希望这会有所帮助。快乐编码！