使用bootstrap标记视频html5和绝对位置时出现问题

我用html5制作了一个视频，我在其中插入了一个菜单，现在一切都很酷，但我正试图使用bootstrap使网站响应，所以这是不便之处，当我试图减少浏览器pff时，菜单消失了，我几乎所有的东西都使用@mediaquery，因为菜单打开了，这里是预览网站的链接。。减少网站，你会看到

请帮助我如何修复它，我正在尝试添加这样的视频

。背景视频{
宽度：100%；
高度：自动；
背景色：#2424；
}
.视频容器视频{
宽度：100%；
}
.菜单{
保证金：0自动；
位置：绝对位置；
z指数：999；
最高：90%；
左：50%；
转换：翻译（-50%，-50%）；
宽度：85%；
}
录像带{
宽度：100%；
z指数：-1000；
}
.nav-m{
底部边框：3倍纯白；
}
李国明先生{
显示：内联；
字体大小：23px；
左侧填充：20px；
}
.nav-m李安{
颜色：#ffffff；
填充：10px；
}
.nav-m李a：悬停{
文字装饰：无；
背景色：红色；
不透明度：.8；
}
.nav-t a{
字体大小：48px；
右边填充：100px；
文本对齐：左对齐；
}
.iconos img{
宽度：4%；
}
.news-t{
边缘顶部：150px；
右边填充：25px；
字体大小：45px；
背景色：#ffffff；
颜色：#000000；
不透明度：0.8；
}
.新闻{
字体大小：30px；
边缘顶部：10px；
右边填充：25px；
背景色：#000000；
不透明度：0.8；
颜色：#ffffff；
}
.news-n span{
颜色：红色；
}

埃尔弗瑟
新潮！Subelo混音（ElFother ft Cosculluela）
新潮！福瑟中心酒店
新潮！6公斤
新潮！estadio Quisquella酒店