web-dev-qa-db-fra.com

intégrer une vidéo youtube - Refus d'afficher dans un cadre car il a défini 'X-Frame-Options' sur 'SAMEORIGIN'

J'essaie d'alimenter ma page Django avec une ressource que je reçois ailleurs.

à l'intérieur du fil, j'ai des vidéos youtube avec une URL comme: https://www.youtube.com/watch?v=A6XUVjK9W4o

une fois que j'ai ajouté ceci dans ma page, la vidéo ne s'affiche pas en disant:

Refuse d'afficher ' https://www.youtube.com/watch?v=A6XUVjK9W4o ' dans un cadre car il définit l'option 'X-Frame-Options' sur 'SAMEORIGIN'.

Puis j'ai dit, bon, si je change watch en embed. Ensuite, le lecteur youtube apparaît, mais pas de vidéo, en disant:

enter code here

est-ce que quelqu'un a une idée de la façon dont je fais fonctionner cela?

Je montre en HTML comme ceci:

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

J'ai googlé pendant presque une heure, sans signe de succès. J'ai essayé d'ajouter &output=embed .. nada ..

htmldjangovideoyoutubeyoutube-api
109
doniyor

Vous devez vous assurer que l'URL contient embed plutôt watch car le noeud final /embed autorise les requêtes extérieures, alors que le noeud final /watch ne le permet pas.

<iframe width="420" height="315" src="https://www.youtube.com/embed/A6XUVjK9W4o" frameborder="0" allowfullscreen></iframe>
254
Nyi Ma Lay Win Lae Aye

L'URL Youtube dans src doit avoir et utiliser embed au lieu de watch. Par exemple, disons que vous souhaitez intégrer cette vidéo youtube https://www.youtube.com/watch?v=P6N9782MzFQ (URL du navigateur), vous devez utiliser embed afin que l'URL ressemble à https://www.youtube.com/embed/P6N9782MzFQ, utilisez cette valeur comme URL dans l'attribut src à l'intérieur de la balise iframe dans votre code HTML, par exemple:

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

Il suffit donc de remplacer https://www.youtube.com/watch?v= par https://www.youtube.com/embed/ et bien sûr de vérifier l'ID de votre vidéo dans cet exemple, mon ID vidéo est P6N9782MzFQ.

44
d1jhoni1b

Il vous suffit de copier à partir de la section YouTube intégrée (cliquez sur PARTAGER sous la vidéo, puis sur EMBED et copiez l'iframe complet).

11
Popa Andrei

Si l'incorporation ne fonctionne plus, essayez plutôt avec/v.

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

Parallèlement à l'intégration, j'ai également dû installer l'extension Google Cast dans mon navigateur.

<iframe width="1280" height="720" src="https://www.youtube.com/embed/4u856utdR94" frameborder="0" allowfullscreen></iframe>
0
Raunaq Kochar