API Player Youtube démystifié

18 mai 2015 VIDEO, LABO & TESTS
Vidéo HTML5 Youtube

API Player Youtube démystifié

Il est possible à partir de l'API Youtube d'utiliser des fonctions avancés du Player Youtube Iframe compatible HTML5

Quelques exemples de fonctions javascript

• afficher ou cacher les sous-titres  (captions & CC)
• passer en mode plein écran
• couper le son
• débuter la vidéos à partir d'un temps donné en secondes
• de lire un extrait de vidéo sous forme de feedback

Voici ci dessous un exemple d'intégration :

STOP PLAY PAUSE FULLSCREEN MUTE SON Captions no Captions CC no CC

Lire la vidéo à partir (cliquez sur les temps) :

• 30 sec.
• 60 sec.
• 90 sec.

Feedback  (cliquez sur les feedbacks) :

• à partir de 50s lecture 8 secondes
• à partir de 60s lecture 5 secondes

config supplémentaire dans iframe :

• controls=0  : ne pas afficher la barre de controle
• rel=0 : ne pas afficher à la fin de la vidéo les vidéos similaires
• modestbranding=0 : Ce paramètre vous permet d'utiliser un lecteur YouTube qui ne présente aucun logo YouTube. Définissez le paramètre sur 1 pour que le logo YouTube ne s'affiche pas dans la barre de commandes.
• cc_load_policy=0 : La valeur 1 de ce paramètre permet d'afficher les sous-titres par défaut, même si l'internaute les a désactivés.
• iv_load_policy=3 : Valeurs : 1 ou 3. La valeur par défaut est 1. Si la valeur est 1, les annotations vidéo s'affichent par défaut ; à l'inverse, si la valeur est 3, les annotations vidéo ne s'affichent pas par défaut.

Vous pouvez trouver plus d'information sur l'intégrations d'une balise player Youtube à cette adresse : https://developers.google.com/youtube/player_parameters

Dans cette rubrique

• API player Youtube démystifié
• Fonctions avancées du player Youtube
• API Player VIMEO démystifié
• Player natif & API de VIMEO
• Chapitrer une Vidéo VIMEO