2017-09-04 184 views
1

我想通過我的頁面上的iFrame顯示YouTube視頻,但是如果將iFrame src設置爲YouTube網址,我會被阻止,因爲X-Frames-Options設置爲sameorigin。我確實找到了一個有效的YouTube視頻。如果我將我的iFrame src設置爲https://www.youtube.com/embed/LSHuGxB3tTU,它會很好。關鍵似乎是嵌入/目錄。是否所有的YouTube視頻都有嵌入/目錄中的版本,我可以將它們展示出來?我沒有在YouTube頁面上的視頻設置中看到任何提及嵌入的內容。在iFrame中顯示YouTube視頻

感謝您的任何想法。

+0

的可能的複製[嵌入YouTube視頻 「拒絕顯示文檔,因爲通過顯示X框-選項禁止」](https://stackoverflow.com /問題/ 9934944 /嵌入YouTube網站的視頻,拒絕對顯示屏的文檔,因爲顯示器禁-b) – duskwuff

回答

1

「如果我把我的IFRAME SRC到https://www.youtube.com/embed/LSHuGxB3tTU它起着罰款。
的關鍵似乎是embed/目錄」

在另一個嵌入YouTube視頻的整點,是iFrames用於顯示其播放器界面(並運行其支持代碼)。這是通過使用iFrame訪問可嵌入播放器/代碼完成的。

  • 轉到任何的Youtube視頻,點擊SHARE

  • 在共享選項中,單擊EMBED和它產生的IFRAME代碼複製/粘貼您的網站。

「是否所有的YouTube視頻都在嵌入/目錄下,我可以拉,並顯示一個版本?」

是每個YouTube視頻上傳得到一個嵌入鏈接自動生成的,就像視頻部分具有多種分辨率自動生成從輸入大小向下(例如:高度360的視頻也產生240144大小的視頻)。

要獲得嵌入URL(在iFrame中使用):

用途:https://www.youtube.com/embed/其次VIDEO_ID

實施例: