Javascript 除了桌面,我可以在任何东西上隐藏html5视频标签吗?
有办法吗?我不希望视频出现在平板电脑或手机上 使用如下CSS媒体查询: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">
@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
-对于你的问题,这里有一个很好的答案,即使它是隐藏的,也很可能会被下载。不是在iOS中,但可能是在android、blackberry等系统中。不幸的是,我正试图找到一个解决方案,因为iPad似乎无法安装海报框。它总是一个黑匣子。