我有一个包含 iframe 的网页。 iframe 中嵌入了一个 Youtube 视频。当我播放这个视频时，我让它按比例放大(变大)。随着视频的增长，并不是所有的视频都可见，因为 iframe 不够宽。
是否可以使 iframe“溢出其内容”，即使视频在 iframe 宽度之外可见(请参阅下面的屏幕截图，以清楚地了解我正在尝试实现的目标)。
这是网页当前的样子:
这就是我想让视频完全长大后的样子:
请注意，我无法让 iframe 变宽。我已经尝试为 iframe(及其所有子元素)提供 CSS overflow: visible 但它没有改变任何东西。
这是网页排列方式的一个简单示例:
....head, opening html tag, etc. up here
<body>
<div id="outerContainer" style="overflow: visible">
<div id="navBar">...</div>
<div id="content style="overflow: visible">
<iframe src="myHelpDocumentation.html" style="overflow: visible">
<!-- Inside this iframe/webpage are the embedded Youtube videos.
Each video is an iframe itself (that sits inside a div). -->
</iframe>
</div>
</div>
</body>
您知道使用 CSS 或 HTML 在 iframe 范围之外显示视频的方法吗？我可能会使用 Javascript 从 iframe 中删除视频 (iframe) 并将其放在主网页，但您不认为这是非常糟糕的网站设计吗？
最佳答案
不，这不可能......
iframe 中的文档完全是另一个文档，浏览器安全不会让你这样做...
编辑:您可以使用 fullscreen 属性，为容器使用透明背景色，并将嵌入的视频放在那里。
全屏代码在 this answer 中描述.
关于javascript - 使 iframe 内容溢出到 iframe 范围之外，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17417517/