跨域获取iframe内元素的CSS属性[重复]

Posted 2023-05-09

【中文标题】跨域获取iframe内元素的CSS属性[重复]

【英文标题】：Get CSS attributes of an element inside iframe with cross domain [duplicate]

【发布时间】：2017-05-20 08:09:03

【问题描述】：

我正在尝试在此 iframe 中获取 .av-video-player-bg 的背景图片 URL：

<iframe src="http://www.gamespot.com/videos/embed/6425430/"></iframe>

我试过了

$("iframe").contents().find('.av-video-player-bg').css('background-image');

但我收到此错误：

无法从“htmlIFrameElement”读取“contentDocument”属性：阻止具有“http://www.gamespot.com”来源的框架访问跨域框架。

【问题讨论】：

不能，那是同源策略。

@epascarello 谢谢????

【参考方案1】：

如果 iframe 的域与父页面的域不同，由于同源策略，您将无法操纵其内容或获取有关它的信息

如果它们是不同的域，但您可以控制其内容（也就是说，您可以向其中添加代码），您可以使用 Postmessaging 来做您想做的事情。只需在 iframe 的内容中添加一个侦听器，它会告诉它何时触发此更改。

但是从查看域（gamespot）我想这不是您的页面，所以您无能为力

【讨论】：

这不是我的。我想在我的页面中嵌入一些视频，并且我想使用视频的缩略图！感谢您的回复！ ^_^