【问题标题】: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不支持,如果你有其他方法,使用它。

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

    【讨论】:

      猜你喜欢
      • 2021-12-13
      • 2020-03-27
      • 2012-11-14
      • 2017-05-27
      • 1970-01-01
      • 2020-03-26
      • 2014-09-24
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多