Spotify视频背景

Question

如果你第一次去spotify.com它会播放一个很酷的视频，并且有一些不同的东西叠加在它上面。我认为这是一种很棒的，独特的方式来吸引人们访问网站，并希望复制这种功能。

看起来视频调整得很漂亮。他们在页面上运行了很多脚本，我想知道生成相同类型结果所需的内容。我熟悉JQuery等，但不是100％确定如何使视频调整屏幕大小并产生此结果。

如果有人能给我一个例子来说明产生这个的最低要求，那就太好了。此外，为移动设备处理此问题的最佳方法是什么？

提前致谢：）

Answer 1

我建议您只看一下BigVideo.js。它看起来非常实用

Answer 2

使用一些基本的CSS

可以轻松实现这一目标

<video autoplay loop="loop" preload="auto" src="video.webm"></video>

video {
  width: 100%;
  height: auto;
}