javascript - 全屏视频介绍 HTML5？

Question

好的，所以我需要全屏加载视频作为网站介绍。我可以在 HTML5 中执行此操作还是需要使用 Flash？

有人可以解释一下或为我提供一些有关如何执行此操作的好资源。

我需要加载网站并播放 5 秒的剪辑，没有播放器控件或任何东西，然后直接进入主站点。

就像这个例子:http://www.firecrackerfilms.com/

谢谢 :)

Answer 1

如果你需要设置背景视频试试这个

在视频上使用position:fixed，将其设置为100% width/height，并添加一个负的z-对其进行索引，以便它出现在所有内容的后面。

如果你看VideoJS ，控件只是 html 元素。

HTML

<video id="background" src="video.mp4" autoplay>

CSS

#video_background {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1000;
}