- - Comment intégrer une vidéo de Twitter à votre site Web

Comment intégrer une vidéo de Twitter à votre site Web

Twitter a toujours soutenu l'intégration des tweets. Le code intégré ajoute une belle carte à votre site Web qui se met à jour pour indiquer le nombre de fois que le tweet intégré a été favorisé et retweeté. Toutes les images qui ont été tweetées apparaissent également sur ladite carte et maintenant Twitter a ajouté une intégration de vidéo à son interface. Toute vidéo que vous avez tweetée ou qui a été tweetée publiquement peut désormais être intégrée directement. Voici comment.

Étape 1: Tweetez une vidéo. Vous pouvez également rechercher une vidéo qui a été tweetée.

Étape 2: Accédez à Twitter.com. Pour une raison quelconque, Twitter ne vous permet pas d'obtenir le code d'intégration pour quoi que ce soit, un Tweet, une photo et, dans notre cas, une vidéo de son application mobile. Cela peut être dû au fait qu'il y a très peu de chances que nous ayons besoin de la fonction d'intégration lorsque nous sommes sur un appareil mobile. Quoi qu'il en soit, vous avez besoin de l'interface Web pour obtenir le code d'intégration.

Étape 3: Cliquez sur le bouton plus au bas du Tweet. Le bouton est là, que vous consultiez un tweet sur votre chronologie ou avec un lien direct. Vous verrez une option "Intégrer la vidéo". Cliquez dessus.

embed_video_twitter

Étape 4: Copiez le code que vous obtenez et ajoutez-le à votre site Web. Vous pouvez choisir d'exclure le tweet lui-même en décochant l'option "Inclure le tweet lorsque le logo est cliqué".

embed_video_tweet

Voici à quoi il ressemble une fois qu'il a été intégré (sans le Tweet).

Cliquez sur le bouton de lecture pour lire la vidéo. Déplacez la souris sur une vidéo et les commandes de lecture apparaîtront. Vous pouvez les utiliser pour accéder à n'importe quelle position dans la vidéo, gérer le volume, visualiser la vidéo en plein écran ou afficher le Tweet lui-même en cliquant sur le logo Twitter en bas à droite.

play_embeded_video_twtitter

commentaires

</ div>