Получить CSS атрибуты элемента внутри фрейма с Междоменными

Question

Я пытаюсь получить URL фонового изображения для .av-video-player-bg внутри этого фрейма:

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

Я попытался

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

Но я получите эту ошибку:

Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin " http://www.gamespot.com " from accessing a cross-origin frame.

Answer 1

Если домен iframe не совпадает с доменом родительской страницы , вы не сможете манипулировать его контентом или получать информацию об этом из-за той же политики происхождения

Если они разные домены, но у вас есть контроль над их содержимым (то есть вы можете добавить код к нему), вы можете использовать Postmessaging, чтобы делать то, что вы пытаетесь сделать. Просто добавьте слушателя в контент iframe, который сообщает ему, когда следует скрыть это изменение.

Глядя на домен, однако (Gamespot) Я представляю себе это не ваша страница, так что не так много вы можете сделать