左侧div中的视频内容在Chrome中无法正常运行

Question

我在www.parkslopecc.com创建了网站。我最近注意到主页左上角的视频无法在Chrome中播放，但它在IE中播放。

如果我从包含div中删除float: left，视频会播放，但列会搞砸。环顾四周后，我尝试使用display: inline-block。虽然它确实生成了2列，但它无法正确显示当前内容和其他所有内容。

我希望有人可以提供帮助，而不是重新开始。让页面显示现在，但视频可以播放！ （此外，在Chrome中，所有视频在播放前都会显得很暗。）谢谢！任何帮助表示赞赏！

Answer 1

只需添加到视频的父级（div） - （A.K.A视频包装）z-index: 1;

问题是视频包装器（.bodytext）之后的div有position:relative所以它覆盖了视频包装器而不允许用户点击它。

当您将z-index:1设置为视频包装时，它将位于文本上方。