javascript - 如何使 iframe 中的内容响应？

Question

我已经从一个使用 iframe 流式传输 channel 的网站中嵌入了一个播放器。我能够使 iframe 响应。但是内容，即 iframe 内的视频播放器不适应视口(viewport)的变化。我尝试了互联网上的几种解决方案，但所有这些解决方案都使 iframe 具有响应性，但不是其中的内容。

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

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

这是 html 文件的链接:IFrame Code (我无法创建一个可用的 fiddle 。所以改为共享文件)

Answer 1

Please note that I don't have access to the source code of the player.

你有麻烦了

在处理 iframe 时要知道的一件主要事情是 iframe 的来源

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

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

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

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