https://airbnbopen.com/home
想問問airbnb的背景影片
是用哪個技術名稱做的呢？
如果可以是否可以給個小範例？
感謝
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
3
488
收藏
1、用绝对定位的容器包裹着video标签，然后其他的元素的层级都比这个容器的层级要高。
2、默认有张背景图，利用media query 监测当屏幕宽度大于某个值的时候，让包裹的video标签的元素display:block 这样确保不支持video标签的浏览器也可以看到正常的背景图。
这个不是特别的技术，就是你看到文字都是正常布局，然后给一个video加上绝对定位，层级变为这些元素里面最低就可以了，如果不用video，做一些短距离的（晃动效果），可以百度一下视差滚动
video加载一个mp4。。。网站好不好看，跟他的设计很有关系，程序员主要保证性能。。。