如何使用 HTML/CSS 在视频上叠加元素

我正在使用 Bootstrap 5 构建一个网站，在主页上提供全屏视频。我尝试了几种方法来使导航栏和标题覆盖视频，但我正在努力让它们坐在视频下方的其余内容的顶部。任何帮助将不胜感激。

az login -u username -p password
az accounts set -s subscriptionId
az group list --query "[:].name"

}

尝试将视频的 z-index 设置为 -1，以便在后台移动它（假设已经分配了 position: absolute）

#myVideo {
  z-index: -1;
}