我可以在除台式机之外的所有内容上隐藏html5视频标签吗？

Question

有办法吗？我不希望视频出现在平板电脑或手机上。

Answer 1

使用这样的CSS媒体查询：

@media screen and (max-width: 680px)
{
    .video { display : none; }
}

这将隐藏最多680像素宽的所有屏幕的.video类

编辑：您当然可以反过来执行此操作，默认情况下将.video设置为display: none，然后在媒体查询中使用min-width来实际显示一定宽度。

Answer 2

1. 使用css媒体查询或JS检测宽度
2. android平板电脑在其浏览器用户代理中有“移动”，ios很容易被发现。
3. 使用modernizr检测对视频代码的支持。

Answer 3

是的，有媒体查询：

<div id="video">
  //Video here
</div>

@media only screen and (max-width: 500px) {

    #video {
      visibility: hidden;
    }

}

对于小于500像素的屏幕尺寸（或您确定的任何像素宽度），这将隐藏ID为“视频”的div。