在iframe中使元素全屏显示

Question

我正在开发一个浏览器扩展程序，该程序可以让我修改其他网站的内容。

我了解allowfullscreen以及如何使iframe中的元素全屏显示并占据整个视口。但是，在这个问题上，我想了解如何强制元素在iframe中 全屏显示。

场景：
像HBO这样的网站在其页面上几乎每个元素（包括position: absolute都使用video）。当您尝试在其页面上对视频进行全屏显示时，它们会通过更改几个节点的width和height属性来确定视口的大小并相应地缩放元素。当与隐藏不必要的元素结合在一起时，可以为用户带来良好的全屏体验。由于采用了这种方法，因此手工修改这些元素的CSS极为困难。

在position: fixed; top: 0; left: 0; width: 100%; height: 100%;元素上设置video并没有真正起作用，因为至少，您还需要设置视频控件的样式。

是否可以让元素进入“全屏”状态，但只能在iframe范围内？请注意，网站的Javascript代码必须像成功切换到全屏模式一样执行，而仅限于iframe内。

Answer 1

在大多数浏览器中，主体大部分具有默认边距。您应该使用ifrmae在页面中尝试以下代码：

* {
   margin:0;
}

或

body {
    margin:0;
}