gpt4 book ai didi

javascript - 如何获得全屏背景视频英雄?

转载 作者:行者123 更新时间:2023-11-28 10:16:50 26 4
gpt4 key购买 nike

所以我有一个我正在使用的网站,我希望它加载到带有标题的完整背景视频中。但是,我也希望用户能够滚动到页面的其他全屏部分。我如何让它工作。

这是一个代码笔链接 http://codepen.io/anon/pen/rskjF

about div 是我要制作的下一部分。它应该是(每个部分都是)100% 的高度和宽度。从某些网站的外观来看,您可以通过巧妙的定位来实现这一点。

最佳答案

我用过 Syd Lawrence 的 jquery.videoBG取得了很好的成功。只需使用 this example使您的英雄 div 具有视频背景。然后将页面的其余部分写在该 div 下方。

(额外提示:如果您还不知道如何使用“vh”和“vw”作为 CSS 单位,您可能需要研究一下它们。示例:.row{height: 100vh;})

关于javascript - 如何获得全屏背景视频英雄?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24177534/

26 4 0
文章推荐: css -
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com