web-dev-qa-db-fra.com

Pourquoi le code incorporé d’instagram n’affiche-t-il qu’une icône, pas l’image?

Je voulais intégrer une photo de mon compte instagram dans mon blog. Je pensais qu'il serait simple de copier le code d'intégration de la photo, de le coller dans mon éditeur et de partir. Cela ne semble pas être le cas cependant. Comme vous pouvez le voir sur la capture d'écran, je reçois les informations sur la photo mais aucune photo. 

 Screen shot

Si je mets juste une balise image dans le html, l'image chaussure parfaitement mais pas dans le style d'une photo instagram. 

c'est à dire. 

<img src="https://www.instagram.com/p/BFbPlbwIceD" />

Quelqu'un a-t-il une idée de la raison pour laquelle le code d'intégration ne fonctionne pas? J'ai également essayé le code incorporé dans un fichier html ordinaire et cela ne fonctionne pas non plus. Ce n'est donc pas mon CMS qui est à l'origine du problème, c'est Umbraco. 

embedinstagram
6
Owain Williams

Le problème a été signalé. 

Semble être un problème connu qui n’est pas facile à résoudre: http://issues.umbraco.org/issue/U4-8646

1
Owain Williams

(La réponse ci-dessous s'applique aux fichiers HTML locaux sans serveur uniquement)

Je faisais face au même problème et j'ai remarqué cette ligne dans le code d'intégration:

<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>

Quand j'ai ajouté le schéma ("http") à la source comme ci-dessous, l'image s'est affichée correctement.

<script async defer src="http://platform.instagram.com/en_US/embeds.js"></script>

J'espère que cela t'aides.

15
Hai Nguyen

J'ai eu le même problème. En réaction vous devez traiter les embed comme:

componentDidMount() {
  window.instgrm.Embeds.process();
}

Cette dit pour moi!

3
Andre Zimpel

J'ai rencontré ce problème et j'ai finalement découvert que les versions les plus récentes de wordpress incorporeraient automatiquement l'image ou la vidéo si vous venez de passer l'URL d'une ligne à part dans l'éditeur. Je soupçonne que ceci est un ajout très récent car j'ai dû chercher un moment pour le trouver. Par exemple, je l’ai utilisé sur cette page pour ajouter une vidéo Instagram au message: http://blog.pokefind.com/awesome-pokemon-go-functioning-costume/

0
Brady Moritz

Il est possible que l'API Instagram ait été modifiée. Quelqu'un a signalé un problème similaire récemment avec les Tweets ne s'intégrant pas correctement. Consignez-le comme un problème sur http://issues.umbraco.org.uk avec quelques étapes de rapport et espérons que quelqu'un puisse le résoudre.

Je viens de tester et cela fait la même chose pour moi aussi.

0
Tim

Croyez-le ou non, je pense avoir résolu le problème

<iframe style="display:none"></iframe>

à votre code et tout fonctionnera parfaitement.

0
Krisjanis Lejejs