問題描述

我正在嘗試透過我從其他地方獲得的一些資源來提供我的 django 頁面。

裡面的飼料,我有 YouTube 影片的網址如:https://www.youtube.com/watch?v=A6XUVjK9W4o

一旦我新增到我的頁面,影片不會顯示:

Refused to display ‘https://www.youtube.com/watch?v=A6XUVjK9W4o‘ in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’.

那我說的好,如果我把 watch 改成 embed,然後 YouTube 播放器出現,但沒有影片,說:

有沒有人有一個線索我怎麼得到這個工作?

我以 html 的形式顯示:

<iframe width="420" height="315"
    src="{{vid.yt_url}}">
</iframe>

我已經吞噬了一個小時,沒有成功的跡象。我試圖追加&output=embed .. nada ..

最佳解決方案

請嘗試

<iframe width="420" height="315" src="https://www.youtube.com/embed/A6XUVjK9W4o" frameborder="0" allowfullscreen></iframe>

次佳解決方案

您只需要從 youtube 嵌入部分複製 (點選影片下方的 SHARE,然後嵌入並複製整個 iframe)

第三種解決方案

src 中的 Youtube 網址必須具有 embed,因此,例如,您可以分享這個 YouTube 影片 https://www.youtube.com/watch?v=P6N9782MzFQ,您應該使用 https://www.youtube.com/embed/P6N9782MzFQ 作為 src 的 iframe HTML 程式碼中的網址,例如:

<iframe width="853" height="480" src="https://www.youtube.com/embed/P6N9782MzFQ" frameborder="0" allowfullscreen ng-show="showvideo"></iframe>

所以只需將 https://www.youtube.com/watch?v=替換為 https://www.youtube.com/embed/,當然也可以在此示例中檢視您的影片 ID,我的影片 ID 為 P6N9782MzFQ

第四種方案

如果嵌入不再適用於您,請嘗試使用/v 。

<iframe width="420" height="315" src="https://www.youtube.com/v/A6XUVjK9W4o" frameborder="0" allowfullscreen></iframe>

參考文獻

注:本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意,可以加入我們改善翻譯效果:薇曉朵技術論壇