Html 5 个视频控件使我无法使用导航的下拉菜单

Question

标题说明了一切。

我的站点顶部有一个带有下拉菜单的导航栏（未固定）。现在的问题是，当我想使用下拉菜单时，它会经过 html5 视频播放器，视频播放器的控件优先，因此我可以继续点击我的列表。

此外，网站的任何地方都没有使用 z-index。

visualisation of what my problem is

如果能得到一点点帮助，我将不胜感激。

Answer 1

仅将菜单而非导航栏的 z-index 设置为比视频更高的 z-index 解决了我的问题。