使用CSS @media查询在移动设备上隐藏视频背景

Question

我的jsFiddle将视频背景隐藏在移动设备上，并在更大的屏幕上播放（Bootstrap 4）

jsFiddle：

• https://jsfiddle.net/mrmccormack/Ljbu9r4t/

全屏版本：

• https://fiddle.jshell.net/mrmccormack/Ljbu9r4t/show/

但是我不知道它为什么起作用。...

media query在我看来似乎并不完整。 @media (pointer: coarse) and (hover: none) { ...

代码如何隐藏视频？

• 我希望有一些与*类似的@媒体：

@media all and (min-width: 350px){ ...

谢谢。