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

Question

标题说明了一切。

我的网站顶部有一个导航栏（不固定），带有一个下拉菜单。现在的问题是，当我要使用下拉菜单并且跨过html5视频播放器时，视频播放器的控件具有优先权，因此我可以继续单击列表。

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

visualisation of what my problem is

我将不胜感激。

Answer 1

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