javascript - 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;
}