javascript - 完整背景 youtube 视频 - fullpage.js

Question

如何在 fullpage.js 部分设置完整背景的 youtube 视频？ fullPage.js 提供使用 <video> 的示例标签，但我想使用 youtube 视频，所以我必须使用 <iframe>标签。这pen帮助了我，但它不能很好地与 fullPage.js 一起使用 responsiveWidth属性(property)。有任何想法吗？谢谢!

Answer 1

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

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

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