Javascript 除了桌面,我可以在任何东西上隐藏html5视频标签吗?

Javascript 除了桌面,我可以在任何东西上隐藏html5视频标签吗?,javascript,css,html,html5-video,Javascript,Css,Html,Html5 Video,有办法吗?我不希望视频出现在平板电脑或手机上 使用如下CSS媒体查询: @media screen and (max-width: 680px) { .video { display : none; } } 这将隐藏宽度达680px的所有屏幕的class.video 编辑:当然,您也可以通过另一种方式进行编辑,并在默认情况下将.video设置为display:none,然后在媒体查询中使用minwidth,从某个宽度实际显示它。是,媒体查询: <div id="video">

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

使用如下CSS媒体查询:

@media screen and (max-width: 680px)
{
    .video { display : none; }
}
这将隐藏宽度达680px的所有屏幕的class.video


编辑:当然,您也可以通过另一种方式进行编辑,并在默认情况下将
.video
设置为
display:none
,然后在媒体查询中使用
minwidth
,从某个宽度实际显示它。

是,媒体查询:

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

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

    #video {
      visibility: hidden;
    }

}

//这里有视频
@仅介质屏幕和(最大宽度:500px){
#录像带{
可见性:隐藏;
}
}
对于小于500px(或您确定的任何像素宽度)的屏幕,这将隐藏ID为“video”的div

  • 使用css媒体查询或JS检测宽度
  • 安卓平板电脑的浏览器用户代理中有“手机”,ios很容易被检测到
  • 使用检测对视频标记的支持

  • -对于你的问题,这里有一个很好的答案,即使它是隐藏的,也很可能会被下载。不是在iOS中,但可能是在android、blackberry等系统中。不幸的是,我正试图找到一个解决方案,因为iPad似乎无法安装海报框。它总是一个黑匣子。