Comment intégrer des vidéos Instagram en 5 étapes

vidéo ig mains surLa nouvelle fonction vidéo d'Instagram fournira sans aucun doute au monde des clips à partager (et probablement des clips que personne ne devrait jamais voir, mais c'est une autre histoire). Et si vous souhaitez partager un chef-d'œuvre vidéo Instagram avec vos amis dans un article de blog ou sur votre site Web, vous vous demandez probablement si vous pouvez intégrer ces vidéos. 

Vous pouvez, bien que ce ne soit pas aussi simple que de cliquer sur le bouton d'intégration de Vines sur des vidéos Twitter ou YouTube. L'art de l'intégration de vidéos Instagram est légèrement plus compliqué. Mais n'ayez crainte, jeune Instagrammer. Ça peut être fait! Christina Warren de Mashable a découvert un bon moyen de diffuser ces vidéos sur vos sites Web. 

[MISE À JOUR: comme un commentateur l'a mentionné, vous pouvez désormais également utiliser Instaembed pour intégrer ces vidéos. Alors… c'est probablement plus facile.] 

La première étape

Connectez-vous à votre compte Instagram et accédez à l'URL de la vidéo sur votre bureau à l'aide de Chrome ou de Safari. Vous n'avez rien à faire de spécial pour le remonter, accédez simplement à la partie de votre flux où apparaît la vidéo que vous souhaitez. Fans de Firefox, j'ai de mauvaises nouvelles: vous ne pouvez pas faire ça sur Mozilla. Ici, j'ai localisé la première incursion de mon ami savant des médias sociaux dans la vidéo Instagram. 

Capture d'écran 21/06/2013 à 13h59,26

Deuxième étape 

Cliquez avec le bouton droit sur la vidéo, puis sélectionnez "Inspecter l'élément". Un tas de code fou apparaîtra en bas de l'écran. N'ayez pas d'attaque de panique. Vous êtes sur la bonne voie. 

Capture d'écran 21/06/2013 à 13h57,24Capture d'écran 21/06/2013 à 14h48

Si vous regardez du code comme sur cette image, vous êtes à mi-chemin. Alors maintenant, vous regardez le code source que vous devez intégrer. C'est donc à l'étape suivante…

Troisième étape 

OK, regardez de plus près ce code «Inspecter l'élément». Recherchez la partie qui commence la classe div - "Vidéo" et une fois que vous l'avez trouvée, recherchez la partie de cette section avec les mots "distilleryvesper" - elle devrait se terminer par "mp4" et si vous la trouvez, vous êtes en gros l'Indiana Jones de Embedding Stuff. 

Il m'a fallu un peu de temps pour trouver le mien, mais une fois que j'ai cliqué sur la partie surlignée en bleu, une nouvelle fenêtre s'est ouverte avec la vidéo. Capture d'écran 21/06/2013 à 14h10h31

Étape quatre 

OK, d'abord, réjouissez-vous: la partie difficile et vaguement technique est terminée. Une fois que vous avez l'URL, accédez au générateur Video for Everybody. Effacez le code par défaut dans les cases et remplacez-le par le code que vous avez sournoisement volé aux entrailles d'Internet. Vous pouvez également nommer votre vidéo. Ça devrait ressembler à ça: 

Capture d'écran 21/06/2013 à 14h14,19

Cinquième étape 

Maintenant, vous collez ce code dans votre site Web personnel et profitez des avantages de vos incroyables compétences en matière d'intégration vidéoz. Vous pouvez choisir si la lecture automatique est activée ou désactivée (soyez un bon internaute et choisissez de la désactiver) et si vous utiliserez HTML5 ou HTML5 + Flash. Vous êtes essentiellement un codeur maintenant. (Je plaisante, vrais codeurs, ne nous criez pas dessus.)

 Excellent travail, excellent travail tout le monde! Mais avant de commencer à penser que la vidéo Instagram est parfaite car vous pouvez maintenant l'intégrer, laissez-moi vous rappeler que Vines est toujours plus facile à intégrer - et que vous pouvez transformer vos Vines en GIF, ce qui est un peu plus difficile à faire jusqu'à présent avec les vidéos Instagram.