亚马逊网站首页里面的女模特效果是怎么做到的 - CNode技术社区

我们进到亚马逊首页, 会发现里面有一个会动的女模特,特别吸引人,和网站整体风格搭配得毫无违和感,他是用什么技术做到的!

<video id="7" preload="auto" src="https://images-na.ssl-images-amazon.com/images/G/01/gateway/yiyiz/B014MGIN42_video._CB297030377_.mp4" style="position: absolute; left: 0px; top: 0px; overflow: hidden; height: 100%; width: 100%;"></video>

<video preload="auto" width="640" height="480" src="https://images-na.ssl-images-amazon.com/images/G/01/gateway/yiyiz/B014MGIN42_video.CB297030377.mp4">

</video>

视频

thanks @i5ting

这个女的不好看😔

这。。。。只是HTML5的一个小功能而已

女模特是个背景纯白色的 vedio,块上面盖了一层背景色为 rgba(19,19,4,.04) 的层,就显得跟周围的区块毫无违和感。