Publication des lecteurs Brightcove dans les articles instantanés Facebook

Dans cette rubrique, vous apprendrez à publier des lecteurs Brightcove dans les pages d'article instantané Facebook.

Les articles instantanés Facebook sont une expérience rapide et interactive pour lire des articles dans un fil d'actualité Facebook. Les articles instantanés peuvent être publiés directement à partir d'un système de gestion de contenu (à l'aide de l'API Instant Articles) ou en fournissant un flux RSS. Les articles instantanés s'affichent jusqu'à dix fois plus rapidement que les articles Web mobiles standard. Lorsqu'un ami ou une page que vous suivez partage un lien dans votre fil d'actualité, Facebook vérifiera s'il existe un article instantané associé à cette URL. Si tel est le cas, Facebook l'affichera sous forme d'article instantané. Sinon, il s'ouvrira dans le navigateur Web.

Les lecteurs Brightcove intégrés à Instant Article continuent de prendre en charge :

Publicité pré-roll et mid-roll
Analyse de Brightcove
Plugins tiers

Notez que même si les analyses seront collectées par Brightcove, le domaine d'affichage enregistré dans les analyses sera un brightcove.com domaine et non un facebook.com domaine.

Bien que différents types de contenu puissent être partagés à l'aide d'articles instantanés, cette rubrique couvre le partage des lecteurs Brightcove dans les pages d'articles instantanés. Pour obtenir des informations complètes sur les articles instantanés, consultez le Documentation Facebook.

Génération du code d'intégration du lecteur

Aucune modification des propriétés du lecteur n'est nécessaire pour l'utiliser dans un article instantané. Suivez ces étapes pour générer le code d'intégration du lecteur pour un article instantané :

Prenez le code d'intégration iframe standard de Video Cloud Studio et placez-le dans un HTML5 <figure> élément.
```
	<figure>
	<iframe src= » //players.brightcove.net/1486906377/v1Ziujo35l_default/index. html?videoID=3766858011001 »
	 allowfullscreen webkitallowfullscreen mozallowfullscreen width="640" height="360"></iframe>
	</figure>
	        
```
En utilisant l'identifiant de référence vidéo (c'est-à-dire videoId="ref:referenceId" ) dans le code d'intégration iframe est pris en charge lors de la publication sur Facebook Instant Articles.

Ajouter le op-interactive classe à la figure marque.

	<figure class = "op-interactive">
	<iframe src= » //players.brightcove.net/1486906377/v1Ziujo35l_default/index. html?videoID=3766858011001 »
	 allowfullscreen webkitallowfullscreen mozallowfullscreen width="640" height="360"></iframe>
	</figure>

Donnez à l'iframe un width et height. Le width et height définit le rapport hauteur/largeur plutôt que la taille absolue du joueur. Le code fini ressemblera à ceci :

	<figure class = "op-interactive">
	<iframe src= » //players.brightcove.net/1486906377/v1Ziujo35l_default/index. html?videoID=3766858011001 »
	 autoriser le kit de démarrage en plein écran width = "16" height = "9"> </iframe>
	</figure>