html 全屏显示视频

要在网页中实现全屏显示视频的效果，可以使用HTML5的`<video>`标签来嵌入视频，并且使用CSS样式来让视频占据整个视口的大小。

HTML代码结构：

<video class="fullscreen-video" autoplay loop muted>
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  Your browser does not support the video tag.
</video>

在上面的代码中，我们使用`<video>`元素来嵌入视频，并且使用`class`属性来设置样式。然后我们使用`<source>`元素来指定不同格式的视频文件。最后，我们使用`Your browser does not support the video tag.`作为备用文本，如果浏览器不支持`<video>`元素，则会显示这段文本。

CSS样式：

body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

.fullscreen-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

在上面的代码中，我们使用`body, html`选择器来让整个页面占据整个视口高度，并且去除默认的边距和内边距。然后我们使用`.fullscreen-video`类来设置视频的样式，包括将视频设置为固定定位，占据整个视口的大小，填充整个区域，以及将视频设置在最下面的图层。

需要注意的是，如果想要让视频自适应屏幕大小，可以使用`object-fit: cover;`属性来填充整个区域。如果想要让视频循环播放，可以设置`loop`属性。如果想要静音播放，可以设置`muted`属性。