Html Youtube背景视频

我有一个网站，索引是youtube的背景视频

我有这个密码

 <div style="position: fixed; z-index: -99; width: 100%; height: 100%">
  <iframe frameborder="0" height="100%" width="100%" 
    src="https://youtube.com/embed/ID?autoplay=1&controls=0&showinfo=0&autohide=1">
  </iframe>
</div>

我在div中添加了styles命令，效果非常好。但这种风格不会让我暂停视频

---

有什么帮助吗？谢谢

这是因为您的iFrame被页面中的其他元素覆盖。它不会像你那样点击

答案是两种方法

就像你说的，你必须改变身体每个孩子的z指数 除了iframe

或者将body和html的z-index改为-1，将iframe改为0，然后 内容保持为1或自动

---

如果将

z-index

设置为一个比页面上其他所有内容都低的数字，则页面上的其他内容将基本上覆盖视频（因此，暂停按钮）使其无法访问/无法访问。

body > * {
z-index : 2 !important;
}

#youtube_bg {
z-index : 1;
}

html, body {
z-index : -1;
}
#yotube_bg {
z-index : 0;
}