完整背景youtube视频 - fullpage.js

时间:2017-09-30 18:37:46

标签: javascript html css youtube fullpage.js

如何在fullpage.js部分设置完整的背景YouTube视频? fullPage.js使用<video>标记提供示例,但我想使用youtube视频,因此我必须使用<iframe>标记。这个pen帮助了我,但它对fullPage.js responsiveWidth属性不起作用。有任何想法吗?谢谢!

1 个答案:

答案 0 :(得分:0)

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

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

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