html - Youtube API 控件在屏幕上留下黑色部分

Question

我按如下方式使用 YouTube API:

<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: '390',
      width: '640',
      playerVars: { 'modestbranding': 1, 'showinfo' : 0,  'controls': 0 },
      videoId: 'M7lc1UVf-VE'
    });
  }
</script>

我的 html 上有一个名为 player 的 div。我需要视频没有控件(控件=0)。问题是每当我删除控件而不是它们时，就会出现一个黑条。我希望视频展开并占用整个视频的高度和宽度，而不是用黑条替换控件。我在这里错过了什么吗？感谢您对此事的任何了解。

Answer 1

尝试将此添加到您的“playerVars”中:

'autoplay' : 0