Générateur de schéma vidéo

Dans cet exemple, vous apprendrez comment générer un schéma VideoObject au format Microdata ou JSON-LD , en fonction de la spécification schema.org . L'inclusion d'un schéma avec votre vidéo fournit des informations aux indexeurs des moteurs de recherche et améliore le référencement.

Générateur de schéma

Code source

Retrouvez tout le code associé à cet exemple dans ce référentiel GitHub.

Exemple d'application

Voir le stylo Exemple d'API CMS : Générateur de schéma vidéo par Brightcove Learning Services (@rcrooks1969 ) au Stylo de code.

Utilisation et limites

Remarque : la fonctionnalité fournie par cet exemple d'application est désormais fournie par le Plugin de générateur de schéma de référencement vidéo. Nous vous recommandons de l'utiliser à la place si possible.

Vous pouvez générer le code ici et l'utiliser comme code de publication si vous utilisez un seul Brightcove Player pour le compte et une intégration standard (iframe). Si vous utilisez un autre lecteur ou l'intégration avancée (dans la page), vous pouvez simplement utiliser la partie schéma du code généré et l'insérer au-dessus du code d'intégration de votre lecteur dans la page.

Notez également que cette application produit du code pour un seul lecteur vidéo uniquement, et si vous intégrez le code du schéma manuellement, vous devez le mettre à jour périodiquement, car les URL peuvent changer.

Obtenir des informations

Pour utiliser le CMS API vous aurez besoin des informations d'identification appropriées.

Dans la plupart des cas, le moyen le plus simple d'obtenir des informations d'identification consiste à utiliser la section Authentification de l'API Studio Admin (nécessite des autorisations d'administrateur sur votre compte). Voir Gestion des informations d'identification d'authentification API pour plus de détails. Dans la plupart des cas, vous souhaitez probablement simplement obtenir des autorisations pour tous CMS API opération:

Autorisations API CMS
CMS API Autorisations

Si les autorisations dont vous avez besoin ne sont pas disponibles dans Studio, ou si vous préférez les obtenir directement à partir de l'API OAuth, utilisez votre choix de Obtenir les informations d'identification du client documents énumérés ci-dessous. Quelle que soit l'option que vous choisissez, vous devrez demander les autorisations d'opération correctes. Les éléments suivants peuvent être utilisés avec cURL ou Postman pour obtenir toutes les autorisations pour CMS API :

        "operations": [
          "video-cloud/video/all",
          "video-cloud/playlist/all",
          "video-cloud/sharing-relationships/all",
          "video-cloud/notifications/all"
        ]

Utilisation du CodePen

Voici quelques conseils pour utiliser efficacement le CodePen ci-dessus :

  • Basculez l'affichage réel du lecteur en cliquant sur le bouton Résultat bouton.
  • Clique le HTML/CSS/JS pour afficher UN des types de code.
  • Cliquez sur Modifier sur CodePen dans le coin supérieur droit pour insérer ce CodePen dans votre propre compte.
  • Retrouvez tout le code associé à cet exemple dans ce référentiel GitHub.

Code proxy

Afin de créer votre propre version de l'exemple d'application sur cette page, vous devez créer et héberger votre propre proxy. (Les proxy utilisés par Brightcove Learning Services n'acceptent que les demandes des domaines Brightcove.) Un exemple de proxy, très similaire à celui que nous utilisons, mais sans les contrôles qui bloquent les demandes provenant de domaines non-BrightCove, peut être trouvé dans ce dépôt GitHub. Vous y trouverez également des instructions de base pour l'utiliser, ainsi qu'un guide plus détaillé sur la création d'applications autour du proxy dans Utilisation des API REST.