html+css里视频怎么插入到导航栏下面

要在导航栏下方插入视频，可以在 HTML 文档中先定义导航栏和视频的容器（`<div>`元素），再使用 CSS 指定它们的位置和样式。具体的步骤如下：

1. 在 HTML 中定义导航栏和视频容器：

<div class="navbar">
  <!-- 导航栏内容 -->
</div>
<div class="video-container">
  <video src="视频文件的URL" autoplay loop muted></video>
</div>

其中，`navbar` 类用于指定导航栏的样式，`video-container` 类用于指定视频容器的样式。视频元素（`<video>`）的 `autoplay` 属性用于自动播放视频，`loop` 属性用于循环播放视频，`muted` 属性用于静音播放视频（以免声音与导航栏音效重叠）。

2. 在 CSS 中定义导航栏和视频容器的样式：

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #333;
  color: #fff;
  /* 其他样式属性 */
}

.video-container {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: calc(100% - 60px);
  overflow: hidden;
  z-index: -1;
}

.video-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

其中，`navbar` 类的样式属性用于指定导航栏的位置和样式，`video-container` 类的样式属性用于指定视频容器的位置和样式。注意，视频容器要使用 `position: absolute` 属性将其定位在导航栏下方，并使用 `z-index: -1` 属性将其放到所有其他元素的后面。视频元素要使用 `min-width` 和 `min-height` 属性保证视频的最小尺寸与容器大小相同，使用 `transform` 属性将其居中对齐。

通过上述步骤，你就可以在导航栏下方插入视频了。根据自己的实际需求，你可以进一步调整导航栏和视频容器的样式。