如何使iframe内容响应?

时间:2016-04-24 04:49:57

标签: javascript jquery html css iframe

我已经从使用iframe流式传输频道的网站嵌入了播放器。我能够使iframe响应。但内容,即iframe内的视频播放器,不适应视口的变化。我尝试过几种来自互联网的解决方案,但所有这些解决方案都使iframe响应,但不是内部的内容。

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

请注意,我无法访问播放器的源代码。

这里是html文件的链接:IFrame Code(我无法创建这个工作小提琴。所以改为共享文件)

1 个答案:

答案 0 :(得分:2)

  

请注意,我无法访问播放器的源代码。

您遇到了麻烦

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

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

    因此,即使您无法访问文件的源代码,如果它们位于同一个域中,仍然可以让您的内容作出响应。 This would require Jquery

  • iframe源域与您的主页不同,后者会呈现此iframe:在这种情况下,除了在页面中显示iframe外,您无法对iframe做多少工作。浏览器不允许您更改此iframe上的任何内容。这是所有浏览器中遵循的安全协议。

    • 如果我们有权操作内容,会发生什么 - 例如:我可以在我的网站的iframe中渲染youtube并将字符串“youtube”的所有实例更改为我自己的名字,从而制作整个网站看起来像我自己。此外,我可以操纵ajax调用,jquery东西等等。并从网站获取数据。