javascript - 全屏视频介绍 HTML5？

Question

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

有人可以解释一下或给我指出一些关于如何执行此操作的好资源吗？

我需要加载网站并播放 5 秒剪辑，无需播放器控件或任何其他内容，然后直接进入主网站。

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

谢谢:)

Answer 1

如果您需要设置背景视频，请尝试此

在视频上使用position:fixed，将其设置为100%宽度/高度，并添加负值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;
}