全背景youtube视频- fullpage.js

Question

如何在fullpage.js部分设置全背景youtube视频？fullPage.js提供了使用<video>标签的示例，但我想使用youtube视频，所以我必须使用<iframe>标签。这个pen对我很有帮助，但它在fullPage.js responsiveWidth属性中不能很好地工作。有什么想法吗？谢谢!

Answer 1

使用一些CSS使iframe适合整个页面，然后将此代码添加到CSS中的其他所有内容中。position: relative; z-index: 2;

注1:如果需要，将位置更改为任何值，z索引仍然有效。注2:如果您有一种方法可以选择没有类的元素，请将其用于此目的。我知道:not(.testclass) { }，但IE不支持它，如果你有其他方法，可以使用它。

编辑:我刚刚意识到视频底部的控制按钮将会显示，尝试编辑大小和位置，以隐藏他们对访问者。