由于触摸屏设备无法自动播放背景视频，因此我使用Modernizr.js将其替换为背景图像。
我使用以下代码通过css定位它们：
.no-touch video { display: block }
.touch video { display: none }
.no-touch img { display: none }
.touch img { display: block }
在我正在构建的网站中，这是有效的here和here。但不是this page。我正在用iPad进行测试，页面背景完全是黑色的。
此外，在Chrome中，所有页面都不起作用。
可能导致这种情况的原因是什么？任何帮助表示赞赏。