HTML网站视频背景

【问题标题】：HTML website video backgroundHTML网站视频背景
【发布时间】：2017-03-17 20:32:36
【问题描述】：

对于 html 编码，如何在网站背景中插入视频，例如：http://www.buildingengines.com/。我只需要朝着正确的方向迈出一步。

【问题讨论】：

this question 可能包含一些关于视频元素的有用信息。

标签： html

【解决方案1】：

将具有较低 z-index 的视频作为内容，然后相应地定位内容。

video {
z-index: 0;
}
h1 {
z-index: 2;
position: fixed;
top: 20px;
left: 40px;
}

<video width="400" autoplay>
  <source  src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>
<h1>Text</h1>

【讨论】：

请注意，z-index 仅适用于它所应用的元素是定位元素（即除 position: static 之外的任何元素，这是默认值。）