視頻海報圖片不能正常工作

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;