Youtube背景视频

Question

我有一个网站，索引是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命令，并且完美无缺。但这种风格不会让我暂停视频。

任何帮助？感谢

Answer 1

这是因为您的iFrame被页面中的其他元素所覆盖。它不会获得您所做的点击。

This回答提出了两种方法。

  

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

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

#youtube_bg {
z-index : 1;
}

  

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

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