Javascript 在iframe中使元素全屏显示

我正在开发一个浏览器扩展，它允许我修改其他网站的内容

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

情景： 像这样的网站，在页面的几乎每个元素上都使用position:absolute，包括视频元素。当您尝试在其页面上全屏显示视频时，它们通过更改多个节点的宽度和高度属性来确定视口的大小并相应地缩放元素。这与隐藏不必要的元素相结合，为用户提供了良好的全屏体验。由于他们的方法，手工修改这些元素的CSS非常困难

设置位置：固定；排名：0；左：0；宽度：100%；身高：100%；在视频元素上，它实际上不起作用，至少，您还需要设置视频控件的样式

---

是否可以允许元素“全屏”显示，但只能在iframe的范围内显示？请注意，网站的Javascript代码必须像成功切换到全屏一样执行，但仅限于iframe内。

大多数浏览器的正文都有默认边距。您应该在带有ifrmae的页面中尝试以下代码：

或

---

请创建一个代码段。感谢您可以从iframe中内容的代码文件位置执行此操作。如果您无法控制iframe内容，则无法执行此操作。@XenioGracias我不确定如何创建有用的代码段。要更改任意网站的内容，您需要使用浏览器扩展。即使使用浏览器扩展，问题也在于是否可以实现某些功能。具体来说，如果可以全屏显示iframe中的元素。我不确定在这个场景中我会在代码片段中放些什么…“是否可以允许元素“全屏”显示，但只能在iframe的范围内显示？”-我不这么认为。毕竟，在您的“正常”文档中，当不涉及iframe时，它甚至不会这样做——在这种情况下，它也不会局限于“完整”顶部窗口实例的尺寸……这就是全屏模式的要点，忽略当前窗口尺寸的限制。

* {
   margin:0;
}

body {
    margin:0;
}