Google + YouTube JS API阻止訪問跨源幀的幀

Question

我正在使用ajax進行頁面轉換的網站上工作。在主頁上，我通過javascript動態加載YouTube視頻和訂閱按鈕。當我從網頁到另一個網頁過渡，我收到以下錯誤：

使用「單時封閉起源「https://www.youtube.com」框架訪問一個跨來源框架

任何人碰到這種頁面應用程序「？

Answer 1

你沒有給出大量的上下文，但我的錢是在試圖在iframe中顯示帶有「watch」鏈接的youtube視頻，所有你需要做的就是使用嵌入式鏈接來顯示youtube視頻在iframe中。

https://www.youtube.com/watch?v=giYeaKsXnsI

VS

https://www.youtube.com/embed/giYeaKsXnsI

否則，YouTube將拋出跨域錯誤。

我建議使用一些正則表達式來提取視頻ID（上面例子中的giYeaKsXnsI）並將其附加到嵌入式URL的末尾，並將其作爲iframe中的src屬性傳遞。