Youtube api 自动全屏播放Youtube视频，然后重定向_Youtube Api

Youtube api 自动全屏播放Youtube视频，然后重定向

youtube-api

Youtube api 自动全屏播放Youtube视频，然后重定向,youtube-api,Youtube Api,在youtube视频使用youtube api播放完毕后，我很难重定向它。我有css代码来设置样式，但在这种情况下这并不重要。任何hep都将不胜感激。编辑：我希望这是回应。这是我的密码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <LINK href="style.css

在youtube视频使用youtube api播放完毕后，我很难重定向它。我有css代码来设置样式，但在这种情况下这并不重要。任何hep都将不胜感激。编辑：我希望这是回应。这是我的密码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
  <HEAD>
    <LINK href="style.css" rel="stylesheet" type="text/css">
  </HEAD>
  <BODY>
   <div class="video-container">
         <iframe src="http://www.youtube.com/embed/sOS9aOIXPEk?autoplay=1" frameborder="0" width="560" height="315"></iframe>
</div>
</HTML>

    <div id="player"></div>
    <script>
    var tag = document.createElement('script');
    tag.src = "http://www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

        // create youtube player
        var player;
        function onYouTubePlayerAPIReady() {
            player = new YT.Player('player', {
             height=''
             width=''
              videoId: '0Bmhjf0rKe8',
              playerVars:{'rel':0,'showinfo':1,'autoplay':1}
              events: {

                'onStateChange': onPlayerStateChange
              }
            });
        }



        // when video ends
        function onPlayerStateChange(event) {        
            if(!event.data)          
                GoHome();
        }
        function GoHome(){
            window.location = 'http://www.google.com';
        }


    </script>


var tag=document.createElement（'script'）；
tag.src=”http://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
//创建youtube播放器
var播放器；
函数onYouTubePlayerAPIReady（）{
player=新的YT.player（'player'{
高度=“”
宽度=“”
videoId:'0Bmhjf0rKe8'，
playerBars:{'rel'：0，'showinfo'：1，'autoplay'：1}
活动：{
“onStateChange”：onPlayerStateChange
}
});
}
//视频结束时
函数onPlayerStateChange（事件）{
如果（！event.data）
GoHome（）；
}
函数GoHome（）{
window.location=http://www.google.com';
}

当视频结束事件时。数据==2。您还遗漏了一些逗号作为对象条目的分隔符。下面是一个工作示例（注意：第一个iframe被注释掉）：


var tag=document.createElement（'script'）；
tag.src=”http://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
//创建youtube播放器
var播放器；
函数onYouTubePlayerAPIReady（）{
player=新的YT.player（'player'{
高度：'768'，
宽度：“1024”，
videoId:'0Bmhjf0rKe8'，
playerBars:{'rel'：0，'showinfo'：1，'autoplay'：1}，
活动：{
“onStateChange”：onPlayerStateChange
}
});
}
//视频结束时
函数onPlayerStateChange（事件）{
//警报（事件数据）；
如果（event.data==0）
GoHome（）；
}
函数GoHome（）{
window.location=http://www.google.com';
}

这不会全屏播放。是否有全屏播放或响应的选项？抱歉，我忘了在我的原始帖子中添加我想要全屏或响应的内容。@Anastasia它只有一个选项，无论用户是否通过单击iframe中的图标获得全屏播放的选项。默认情况下，此图标位于iframe的右下角。通过响应，您的意思是iframe应该根据可用空间自动调整自身大小？@Anastasia请参阅以下两个关于全屏的老问题：@Anastasia如果您知道需要什么高度和大小，那么您可以在创建iframe时设置它。（使用“：”而不是“=”）。在我的回答中，我已经设置了高度和宽度。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
  <HEAD>
    <LINK href="style.css" rel="stylesheet" type="text/css">
  </HEAD>
  <BODY>
<!--
   <div class="video-container">
    <iframe src="http://www.youtube.com/embed/sOS9aOIXPEk?autoplay=1" frameborder="0" width="560" height="315"></iframe>
</div>
-->
    <div id="player"></div>

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

        // create youtube player
        var player;
        function onYouTubePlayerAPIReady() {
            player = new YT.Player('player', {
               height: '768',
               width: '1024',
               videoId: '0Bmhjf0rKe8',
               playerVars:{'rel':0,'showinfo':1,'autoplay':1},
               events: {
                'onStateChange': onPlayerStateChange
              }
            });
        }



        // when video ends
        function onPlayerStateChange(event) {
          //alert (event.data);
          if (event.data == 0)
                  GoHome();
        }
        function GoHome(){
            window.location = 'http://www.google.com';
        }

    </script>
</BODY>
</HTML>