Question

我正在尝试使用@media查询隐藏在循环播放时自动播放的视频作为着陆页。我想用一个简短的全宽响应.gif背景替换隐藏的视频。

以下是正在使用的CSS的副本：http://pastie.org/private/dhi4c4dxvysne0r9fkg8g#1

我正在尝试使用

@media (max-width: 767px) {
.fullscreen-bg {
background: url('landing.gif') center center / cover no-repeat;
}

.fullscreen-bg__video {
display:none!important;

}

我已成功用循环gif替换视频，但即使视频本身不可见，大型播放按钮仍会显示在ios设备上。

有没有人知道解决方法或修复此问题？

编辑：Safari播放大型播放按钮，显然您无法隐藏它。这意味着隐藏视频不会削减响应的芥末。

那么我将如何通过媒体查询请求视频无法加载？

Answer 1

<dependency>
    <groupId>com.sun.mail</groupId>
    <artifactId>javax.mail</artifactId>
    <version>1.5.5</version>
</dependency>

（隐藏视频）CSS显示：无法使用iPhone的@media查询

1 个答案: