Embebing instagram page dans un iframe
J'obtiens cette erreur:
Refused to display 'http://instagram.com/p/page/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
Je veux montrer instagram page à l'intérieur de mon site web parce que c'est une application mobile et je veux utiliser mon dos boutons.
C'est ma page:
<body id="responsiveDemo">
<div data-role="page" id="test" data-theme="g">
<div data-theme="g" data-role="header">
<a href="javascript:history.back()" data-icon="back" data-iconpos="notext"></a>
<h1>Instagram</h1>
</div>
<div data-role="content">
<iframe id="iframeInstagram" src="" name="IframeInstagram" style="width: 100%; height: 1000px; border: medium none;visibility: visible;"></iframe>
<script>
var query = location.search.substring(1);
//console.log(query);
var parameters = {};
var keyValues = query.split(/&/);
for (var i = 0; i < keyValues.length;i++) {
var keyValuePairs = keyValues[i].split(/==/);
var key = keyValuePairs[0];
var value = keyValuePairs[1];
parameters[key] = value;
}
/*+$(document).ready(function() {
//console.log(parameters['page']);
document.getElementById('iframeColaborador').src = parameters['colaborador'];
});
*/
//$(document).on("pageload", '#test', function() {
$(document).on("pageshow", '#test', function() {
//$(document).load(function() {
console.log(parameters['instagram']);
document.getElementById('iframeInstagram').src = parameters['instagram'];
//document.getElementById('iframeNews').src = 'http://www.unican.es';
});
</script>
</div> <!-- /content -->
J'ai été en utilisant cette page web pour montrer aux autres toiles, mais je ne sais pas pourquoi il ne fonctionne pas avec instagram.
tu ne peux pas faire de ce côté client, vous pouvez récupérer la page serverside .. ou faire du sale yql-hack
OriginalL'auteur Biribu | 2014-07-14
Vous devez vous connecter pour publier un commentaire.
OUI, vous pouvez afficher instagram pages avec ce format
...à l'intérieur iframes aussi longtemps que vous ajoutez le suffixe
/embed
commeVoir JSFIDDLE
Je ne suis pas sûr que j'ai compris ce que tu veux dire. Quelle voix de la page? Ma réponse résout votre question? si oui, veuillez meta.stackexchange.com/a/5235
Votre réponse intégrer la photo et le nombre de "j'aime" à partir d'instagram, mais j'ai besoin d'incorporer le bouton j'aime afin d'être en mesure de uplike une photo. Est-ce possible? Avec votre code, j'ai appuyer sur "instagram" sur instagram pour voter ou laisser un commentaire. Je voudrais le faire qu'à l'intérieur de mon application
Je ne pense pas que c'est possible à l'intérieur de l'iframe avec l'API actuelle, vous devez afficher la photo (et d'login) dans Instagram pour être capables d'aimer ou de laisser un commentaire.
ok, merci. Eh bien, je pense que dans d'autres façon de le faire. Je suis ok avec ce comportement sur android, mais sur ios, je ne peux pas revenir en arrière à mon application. Et je ne peux pas ouvrir safari avec instagram lien je ne sais pas pourquoi. Merci pour votre temps
OriginalL'auteur JFK
Vous ne pourrez pas parce que Instagram nie des sites web externes de mettre leur site dans un cadre. C'est pourquoi vous avez eu ce message d'erreur à propos de
X-Frame-Options
d'SAMEORIGIN
-- même origine signifie qu'il permettra seulement Instagram utiliser le châssis, mais pas d'autres.Oui, c'est possible. Voir ma réponse.
OriginalL'auteur josh
Tout d'abord Instagram permettent d'intégrer les actions que vous avez fait. Tout ce que vous avez à faire est de
aussi, si vous trouvez qu'il est difficile ou que vous voulez le code pur ici est tout ce que vous avez à faire usage de code ci-dessous avec votre propre url
OriginalL'auteur melic