【问题标题】:Full background youtube video - fullpage.js完整背景 youtube 视频 - fullpage.js
【发布时间】:2017-09-30 18:37:45
【问题描述】:
如何在 fullpage.js 部分设置完整的背景 youtube 视频? fullPage.js 提供了使用 <video> 标签的示例,但我想使用 youtube 视频,所以我必须使用 <iframe> 标签。这 pen 帮助了我,但它不适用于 fullPage.js responsiveWidth 属性。有任何想法吗?谢谢!
【问题讨论】:
标签:
javascript
html
css
youtube
fullpage.js
【解决方案1】:
使用一些 CSS 使 iframe 适合整个页面,然后将此代码添加到 CSS 中的所有其他内容中。
position: relative;
z-index: 2;
注意 1:如果需要,可以将位置更改为任何值,z-index 仍然可以工作
注意 2:如果您有办法选择没有类的元素,请将其用于此目的。我知道:not(.testclass) { }但是IE不支持,如果你有其他方法,使用它。
编辑:我刚刚意识到视频底部的控制按钮会显示出来,尝试编辑大小和位置以对访问者隐藏它们。