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 Example

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

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

我有一个YouTube视频，播放完后我想重定向到我网站上的另一个页面

1 个答案: