视频海报图片无效

Question

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

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

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

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

Answer 1

原来这与使用.hidden {visibility：hidden}而不是display：none;

的引导程序发生冲突