小编M.B*_*ins的帖子

我只需要从 safari 浏览器中隐藏一个视频控件，即画中画 (PiP)。有什么解决办法吗？

我们可以使用 HTML5 隐藏它吗？

我试图在全屏模式下加载iframe,但firefox和chrome都会发出警告并且全屏无效.甚至iframe上的src也是从同一个域加载的.我已经检查了stackoverflow上的一些链接,但它们都没有为我工作.以下链接: -

1. firefox浏览器拒绝全屏更改
2. Javascript请求全屏是不可靠的
3. 捕获iframe加载完成事件

chrome警告: - 无法在'Element'上执行'requestFullscreen':API只能由用户手势启动.

firefox的警告: - 拒绝全屏请求,因为没有从短暂运行的用户生成的事件处理程序中调用Element.requestFullscreen().

我在html，javascript和CSS中有一个单页网站设计。网页上有很多图像，并且每个图像根据类别都有不同的动画效果。我已经将wow.js用于窗口滚动的动画效果。滚动浏览图像时，CPU和GPU的使用率很高，由于其影响，滚动会变得不稳定而不平滑。任何人都可以调查一下。我创建了一个Codepen示例。请看一看：-

(https://codepen.io/Sny220/pen/jjyEPj)

代码如下：

<!-- HTML -->
<div class="foo foo-text foo-2 col-md-3 col-md-offset-3 over-hidden">
   <img class="wow zoominoutsingle" src="https://www.psychologies.co.uk/sites/default/files/field/image/feelgood%20chemicals.jpg" />
</div>
<div class="foo foo-text foo-2 col-md-3 over-hidden">
   <img class="wow zoominoutsingle" src="https://kajabi-storefronts-production.global.ssl.fastly.net/kajabi-storefronts-production/blogs/1049/images/BlH7rBrRFGdVF71lofox_TFmaDj07ReWp5C4zcHaw_alex-fergus-look-and-feel-amazing-health-wellness-fat-loss-natural-banner.jpg" />
</div>
<div class="foo foo-text foo-2 col-md-6 col-md-offset-3">
   <div class="inner">
      <h1 class="wow fadeInDown">Hello, world!</h1>
      <p class="wow fadeInUp">Whouaa !!!</p>
   </div>
</div>
<div class="foo foo-3 col-md-6 col-md-offset-3">
   <div class="inner">
      <button type="button" class="btn btn-success">Success</button>
   </div>
</div>
<div class="foo foo-4 col-md-6 col-md-offset-3 wow fadeInDown">
   <img class="" src="http://www.ponpokopon.net/livresillu/unenouvellemaison1.jpg" />
</div>
<div class="foo foo-5 col-md-6 …