全背景的YouTube视频 - fullpage.js

Question

如何在fullpage.js部分设置完整的背景YouTube视频？ fullPage.js提供了使用<video>标记的示例，但我想使用YouTube视频，所以我必须使用标记。这pen帮助了我，但它不适用于fullPage.js responsiveWidth属性。有任何想法吗？谢谢！

Answer 1

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

注1：改变位置，如果你需要的任何值，在z指数仍然会工作 注2：如果你有办法选择不有一个类元素，用它来这个目的。我知道:not(.testclass) { }但它不支持在IE中，如果你有另一种方式，使用它。

编辑：我刚刚意识到视频底部的控制按钮将会显示，请尝试编辑大小和位置以将其隐藏起来。