获取跨域iframe中元素的CSS属性



我正在尝试获取此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"访问跨原点帧。

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

如果它们是不同的域,但你可以控制其内容(也就是说,你可以向其添加代码),你可以使用Postmessaging来做你想做的事情。只需在iframe的内容中添加一个侦听器,该侦听器"告诉"它何时启动此更改。

然而,从域名来看(gamespot),我想这不是你的页面,所以你不能做太多

相关内容

  • 没有找到相关文章

最新更新