如何使 iframe 中的内容具有响应性？

Question

我已经嵌入了一个来自网站的播放器，该播放器使用 iframe 流式传输频道。我能够使 iframe 响应。但是内容，即 iframe 内的视频播放器不适应视口的变化。我尝试了几种来自互联网的解决方案，但它们都使 iframe 具有响应性，而不是内部的内容。

有什么方法可以让 iframe 内的视频播放器响应？

请注意，我无权访问播放器的源代码。

这里是指向 html 文件的链接：IFrame Code（我无法为此创建一个工作小提琴。所以改为共享文件）

Answer 1

请注意，我无权访问播放器的源代码。

你遇到了麻烦

在处理iframe 时要了解的一件主要事情是iframe 的来源

• iframe 源具有与呈现此 iframe 的主页相同的域：在这种情况下，浏览器将允许您将手放在 iframe 内容上并根据需要对其进行操作。由于主站点和 iframe 都在同一个域下，这意味着您是授权人，因此您可以根据需要更改内容。

  因此，即使您无权访问文件的源代码，如果您的内容位于同一个域中，仍然有办法让您的内容具有响应性。 This would require Jquery

• iframe 源 域与呈现此 iframe 的主页不同：在这种情况下，除了将 iframe 显示在您的页面中之外，您无法对 iframe 做很多事情。浏览器不允许您更改此 iframe 上的任何内容。这是所有浏览器都遵循的安全协议。

  • 如果我们完全有权操作内容会发生什么 - 例如：我可以在我的网站的 iframe 中呈现 youtube，并将字符串“youtube”的所有实例更改为我自己的名字，从而使整个网站看起来像我自己的。我还可以操作 ajax 调用、jquery 的东西等，并从网站获取数据。