2017-01-05 45 views
0

我想要得到的背景圖片網址.av-video-player-bg這個iframe中:獲取裏面的iframe元素的CSS屬性與跨域

<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.

+0

你不能,那是同源策略。 – epascarello

+0

@epascarello謝謝 – 01000110

回答

4

如果iframe的域與父頁的域不相同,由於相同的原產地政策,您將無法操作其內容或獲取相關信息

如果它們是不同的域但您可以控制其內容(即可以向其添加代碼),您可以使用Postmessaging來執行您正在嘗試執行的操作。只需在iframe的內容中添加一個偵聽器,告訴它何時觸發此更改。

從看域但是(Gamespot的)我想這是不是你的頁面,所以沒有什麼可以做

+0

這不是我的。我想在我的頁面中嵌入一些視頻,我想使用視頻的縮略圖!感謝您的回覆!^_ ^ – 01000110