Javascript 删除嵌入式youtube视频的播放/暂停

我在我的网站上嵌入了一个youtube视频，并希望删除其中的所有播放/暂停功能。我已经做了，这样控件就不可见了；但是，当用户单击视频时，视频仍会暂停

我正在使用youtube“播放器”和div来嵌入它：

<div id="player" style="position: absolute; width:100%; height: 100%;" frameborder="0">   </div>

<script>
var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '100%',
      width: '100%',
      videoId: 'Ir8-0xOptFA',
      playerVars: { 'autoplay': 1, 'controls': 0, 'showinfo' : 0, 'wmode' : 'transparent', 'modestbranding': 1},
      events: {
        'onReady': onPlayerReady,
      },
      version: 3
    });
  }
 </script>

var播放器；
函数onyoutubeiframeapiredy（）{
player=新的YT.player（'player'{
高度：“100%”，
宽度：“100%”，
videoId:'Ir8-0xOptFA'，
PlayerBars:{“自动播放”：1，“控件”：0，“显示信息”：0，“wmode”：“透明”，“自动播放”：1}，
活动：{
“onReady”：onPlayerReady，
},
版本：3
});
}

---

这段视频将作为网站主页的“背景”。任何见解都将不胜感激

您是否考虑过覆盖透明DIV

查看链接

和链接

您可能需要加载预览图像来代替按钮。不确定这是否有帮助