javascript - 像airbnb background video?

问题描述

问 题

https://airbnbopen.com/home

想問問airbnb的背景影片
是用哪個技術名稱做的呢？
如果可以是否可以給個小範例？
感謝

解决方案

1、用绝对定位的容器包裹着video标签，然后其他的元素的层级都比这个容器的层级要高。

2、默认有张背景图，利用media query 监测当屏幕宽度大于某个值的时候，让包裹的video标签的元素display:block 这样确保不支持video标签的浏览器也可以看到正常的背景图。

这篇关于javascript - 像airbnb background video?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！