视频海报图片无效

Question

使用此视频背景js：http://fiddle.jshell.net/mgmilcher/8R7Xx/

然而，如果浏览器不播放视频（即移动设备），海报图像不会显示，只会显示一个空的黑框。如果我从海报中删除隐藏的 class 并在此处注释掉 css：

.no-video .video-container video,
.touch .video-container video {
  /*display: none;*/
}

它显示在视频框下方，然后跳转以填充该区域，就像您滚动时应该的那样。任何人都可以指出正确的方向以使海报图像正常工作，使其默认显示为移动设备和不受支持的浏览器上的视频吗？

Answer 1

事实证明它与 bootstrap 使用 .hidden {visibility: hidden} 而不是显示冲突：none;