Contacter le support | État du système
Contenu de la page

    Le partage de vidéos sur Twitter Player Cards

    Cette rubrique explique comment l'intégration Twitter de Video Cloud vous permet d'intégrer des vidéos dans un tweet à l'aide de Twitter Player Cards.
     

    Par défaut, lorsqu'un spectateur utilise la fonction de partage social du Brightcove Player pour tweeter une vidéo, l'URL de la page contenant la vidéo apparaît dans le fil Twitter du spectateur.

    Twitter offre la possibilité d'afficher du contenu dans des cartes Twitter vous permettant de joindre des photos et des vidéos aux Tweets qui génèrent du trafic vers votre site Web. Lorsque vous utilisez des cartes Twitter, le fil Twitter affiche une vue de lecteur intégrée.

    Cliquez sur la vignette de la vidéo pour lire la vidéo à l'aide du lecteur Brightcove à l'intérieur du fil Twitter.

    Configurer les cartes de lectuer Twitter

    Pour implémenter les cartes Twitter Player, les étapes suivantes doivent être terminées :

    1. (Facultatif) Créez une page pour héberger votre vidéo
    2. Ajoutez les balises méta Twitter requises à votre page
    3. Validez votre URL à l'aide de l'outil de validation Twitter
    4. Demander l'approbation de la liste blanche

    Une fois ces étapes terminées, vous pouvez tweeter l'URL de votre lecteur et voir la carte Twitter apparaître sous votre tweet dans la vue détaillée.

    (Facultatif) Création d'une page pour héberger votre vidéo

    Si votre vidéo n'est pas publiée sur une page, vous devez créer une page HTML pour héberger votre vidéo. Lors de la création de la page, suivez ces instructions :

    • Assurez-vous d'activer le partage social pour le lectuer et d'activer l'option Twitter
    • Définissez la taille du lecteur pour qu'elle soit réactive ou assurez-vous que la taille du lecteur s'adaptera à un flux Twitter (environ 480 pixels de large)
    • Utilisez le Standard (iframe) incorporer le code lors de la publication de la vidéo

    Ajout des balises méta Twitter requises à votre page

    Pour activer les Twitter Player Cards, vous devrez ajouter des métabalises Twitter spécifiques à votre page.

    Prénom Contenu
    Twitter: carte Type de carte Twitter ; doit être défini sur la valeur « lectuer »
    twitter: titre Le titre de votre contenu tel qu'il doit apparaître sur la carte
    Twitter: site Le @username Twitter auquel la carte doit être attribuée
    twitter: description Description du contenu (facultatif)
    Twitter: lectuer URL HTTPS vers le lecteur iframe ; il doit s'agir d'une URL HTTPS qui ne génère pas d'avertissements de contenu mixte actif dans un navigateur Web (URL de la page hébergeant le lecteur)
    twitter: lecteur: largeur Largeur de l'IFRAME spécifiée dans twitter:player en pixels
    twitter: lectuer: hauteur Hauteur de l'IFRAME spécifiée dans twitter:player en pixels
    twitter: image Image à afficher à la place du lecteur sur des plates-formes qui ne prennent pas en charge les iframes ou les lecteurs en ligne ; vous devez faire de cette image les mêmes dimensions que votre lecteur
     

    Voici quelques exemples de métabalise twitter :

    <meta name="twitter:card" content="player" />< meta name="twitter:title" content="Bison in Yellowstone" />< meta name="twitter:site" content="@BrightcoveLearn">< meta name="twitter:description" content="Bison marchant dans le parc national de Yellowstone." />< meta name="twitter:player" content="https://solutions.brightcove.com/bcls/twittercards/bison.html" />< meta name="twitter:player:width" content="360" />< meta name="twitter:player:height" content="200" />< meta name="twitter:image" content="https://solutions.brightcove.com/bcls/twittercards/bison.jpg" />
    

    Twitter met les tweets en cache. Par conséquent, si vous apportez des modifications aux métabalises Twitter, ces modifications peuvent ne pas être appliquées aux nouveaux tweets. Il peut être utile de modifier la balise de titre afin de pouvoir confirmer que vous voyez vos dernières modifications. Consultez la documentation Twitter pour trouver des solutions de contournement pour le problème de mise en cache lors des tests.

     

    Valider votre URL à l'aide de l'outil de validation Twitter

    Une fois que vous avez ajouté les balises Meta et publié votre page, copiez et collez l'URL de la page dans le Validateur de carte Twitter puis cliquez sur Aperçu de la carte.

    Demander l'approbation de la liste blanche

    Si votre domaine n'a pas été ajouté à la liste blanche par Twitter, les cartes de lectuer n'apparaîtront pas. Lors de la validation de l'URL, un message apparaîtra indiquant que l'URL n'a pas été ajoutée à la liste blanche. Pour plus d'informations sur le processus d'approbation, consultez le Documentation Twitter.


    Dernière mise à jour de la page le 20 Apr 2021