Youtube api Youtube播放器控件&；自动隐藏不起作用

因此，我将youtube iframe api添加到我的网站中，并按照说明进行操作；这是我的代码：

var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
  height: '390',
  width: '640', 
  controls: '0',
  autohide: '1',
  videoId: 'I'd rather not display that',
  events: {
//    'onReady': onPlayerReady,
    'onStateChange': onPlayerStateChange
  }
});
}

将控件设置为0时，不应按照显示播放器的控件，但仍会显示

另外，将autohide设置为1应该会使进度条和控件在几秒钟后根据滑出，但这也不起作用

---

我做错什么了吗？

我得到了嵌入版本和iframe版本，它们都是自动播放、自动隐藏（实际上不需要）和隐藏控件。我使用了示例代码并添加了所需的参数

你所需要做的就是更换你的电影id，我想你就可以开始运行了

这里是JSFIDLE链接，您可以在其中看到它的工作情况并获取代码

嵌入式版本：

以下是iFrame版本：

这两个选项都可以使用。您正在使用iFrame版本…我也推荐该版本。但是如果您需要另一个解决方案，可以使用嵌入版本

它不是那种脚本样式，但如果需要，可以使用包装器

好的，下面是我使用的类似于您的示例的函数代码：

// 2. 此代码异步加载IFrame播放器API代码。
var tag=document.createElement（'script'）；
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
// 3. 此函数用于创建（和YouTube播放器）
//API代码下载后。
var播放器；
函数onyoutubeiframeapiredy（）{
player=新的YT.player（'player'{
高度：“390”，
宽度：“640”，
videoId:'M7lc1UVf VE'，
PlayerBars:{“自动播放”：1，“控件”：0}，//这是您需要的。。。
活动：{
“onReady”：onPlayerReady，
“onStateChange”：onPlayerStateChange
}
});
}
// 4. 当视频播放器准备就绪时，API将调用此函数。
函数onPlayerReady（事件）{
event.target.playVideo（）；
}
// 5. 当播放器的状态改变时，API调用此函数。
//该功能指示播放视频时（状态=1），
//玩家应该玩六秒钟，然后停下来。
var done=false；
函数onPlayerStateChange（事件）{
如果（event.data==YT.PlayerState.PLAYING&&！done）{
设置超时（停止视频，6000）；
完成=正确；
}
}
函数stopVideo（）{
player.stopVideo（）；
}

只需在属性“playerVars”中设置变量即可。

建议的答案很好，但实际错误可能是将0和1放在撇号内。在参数中写入数字时，只需省去撇号即可。

<object width="640" height="390">
  <param name="movie"
         value="https://www.youtube.com/v/M7lc1UVf-VE?version=3&autoplay=1&autohide=1&controls=0"></param>
  <param name="allowScriptAccess" value="always"></param>
  <embed src="https://www.youtube.com/v/M7lc1UVf-VE?version=3&autoplay=1&autohide=1&controls=0"
         type="application/x-shockwave-flash"
         allowscriptaccess="always"
         width="640" height="390"></embed>
</object>

<iframe id="ytplayer" 
        type="text/html" 
        width="640" 
        height="390" 
        src="http://www.youtube.com/embed/M7lc1UVf-VE?autoplay=1&autohide=1&controls=0"
        frameborder="0"/>

<div id="player"></div>

<script>
  // 2. This code loads the IFrame Player API code asynchronously.
  var tag = document.createElement('script');

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

  // 3. This function creates an <iframe> (and YouTube player)
  //    after the API code downloads.
  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      videoId: 'M7lc1UVf-VE',
      playerVars: { 'autoplay': 1, 'controls': 0 }, //this is what you need...
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }

  // 4. The API will call this function when the video player is ready.
  function onPlayerReady(event) {
    event.target.playVideo();
  }

  // 5. The API calls this function when the player's state changes.
  //    The function indicates that when playing a video (state=1),
  //    the player should play for six seconds and then stop.
  var done = false;
  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
      setTimeout(stopVideo, 6000);
      done = true;
    }
  }
  function stopVideo() {
    player.stopVideo();
  }
</script>