web-dev-qa-db-fra.com

Méthodes pour supprimer l'erreur de console youtube iframe api - "blocage d'un cadre avec Origin ..." dans chrome console

J'utilise l'api youtube iframe et j'obtiens l'erreur de console suivante relative au blocage d'un cadre avec Origin http://www.youtube.com . Je me demandais si quelqu'un pouvait expliquer pourquoi cette erreur n'apparaissait que dans la console chrome) et s'il existait un moyen d'éviter que cela se produise?

Erreur:

Bloqué un cadre avec Origin " http://www.youtube.com " pour accéder à un cadre avec Origin " http://youtubetest.appspot.com ". Les protocoles, les domaines et les ports doivent correspondre.

60
styler

J'ai eu une erreur similaire où l'erreur JS était:

Blocage d'un cadre avec Origin " https://www.youtube.com " pour accéder à un cadre avec Origin " http://www.yourdomain.com ". La trame demandant l'accès a un protocole "https", la trame à laquelle on accède a un protocole "http". Le protocole/les protocoles doivent correspondre, YouTube doit permettre le partage de ressources entre origines (CORS) pour autoriser tous les domaines.

Essayez de vous débarrasser du https:// dans votre tag YouTube iframe?

Vous pouvez également consulter vos balises iframe de clôture. Les tags Iframe ne sont pas des tags singleton et doivent se terminer par un </iframe> et pas un />.

10
Wulf Solter

Il semble qu’aujourd’hui, à l’aide de l’URL sans protocole "//youtube.com", que YouTube place DANS LEUR PROPRE OUTIL DE SNIPPET DE CODE EMBED, génère des erreurs de correspondance de protocole. (soupir) Cela a bien fonctionné plus tôt cette semaine.

Si j'ajoute le https: à l'URL intégrée, il cesse de générer des erreurs et l'API iframe JS fonctionne. Il continuera à générer l'erreur "Bloqué une image avec l'origine ...", mais l'API JS fonctionnera comme prévu.

6
Andy