隐藏在移动

视频DIV我有一个具有内div一个视频的HTML网页：隐藏在移动

HTML

<div class="news"> 
    <h3 class="highlight">Kate's 1 Month Transformation</h3> 
    <div class="clr"></div> 
    <center> 
     <video controls="" autoplay="" poster="assets/4/vid.png.html"> 
      <source src="https://globalskincr.files.wordpress.com/2015/05/wrinkle_vid.mp4" type="video/mp4"> 
     </video> 
    </center> 
</div>

我不能在移动禁用视频和隐藏DIV，

CSS

.news { 
    display:none; 
}

此代码隐藏视频，但声音仍在继续。

来源

2016-03-07 Rohan Zakie

嗨，只需添加<视频预加载=“无”> – Med

跨所有设备没有本地100％工作解决方案。这可以作为CSS

@media screen and (max-device-width: 480px) and (orientation: portrait){ 
    /* some CSS here */ 
}

但....移动显示器的分辨率今天高得多，有时可能是，也许在横向模式下为一些规模较小的笔记本电脑一样。此方法也需要设置纵向或横向。

也许你可以在这里找到一个更好的解决方案 What is the best way to detect a mobile device in jQuery?

应用IF的话题accpeted答复建议，如果它是真实的（它是一个移动设备，只需添加$(".news").css("display","none");

来源

2016-03-07 22:10:50 Zorak

这怎么回答这个问题？原来的问题已经指出，在手机上应用“display：none”并不能解决问题。这只会使视频不可见，但仍会出现在页面上，因此音频仍在继续。这听起来像预期的结果是完全删除/禁用移动视频。 – annieXo

添加到Zorak的回答

@media screen and (max-device-width: 480px) and (orientation: portrait){ 
    video { 
    display:none 
    } 
}

来源

2016-03-07 22:41:50 Shepherd

“显示：无”不仅使视频隐藏，它实际上并没有从页面中移除它，你有它在自动播放这就是为什么你听到声音，尽管它和Vi不锡布尔赫丁。

你需要的视频自动播放？您尚未定义该属性。如果您从VIDEO标记中移除自动播放属性，那么您的CSS“display：none”解决方案就足够了。

如果你这样做需要自动播放，然后一个CSS的解决方案是不够的。只有在移动设备上查看页面时，才能使用jQuery从VIDEO标记中移除“自动播放”属性。

来源

2016-03-08 01:24:34 annieXo

回答

相关问题