Fonctions avancées Player Youtube

23 juillet 2015 LABO & TESTS, VIDEO
Youtube Vidéo

Il existe des astuces et fonctions avancées pour le lecteur video Youtube quand vous voulez l'intégrer dans une de vos pages web ou blog.

Vous avez envie de lire une partie de la vidéo de 10 secondes à partir de 185 secondes à partir du début par exemple pour créer une Feedback Vidéo, il suffit d'ajouter la balise ?start=[début de la vidéo] et si vous souhaitez arrêter la vidéo il suffit d'ajouter la balise &end=[temps de vision en secondes]. voir le code ci dessous.

Lire la suite

Player Video HTML 5 (source vidéo WebM et MP4)

23 juillet 2015 HTML5, VIDEO
HTML5 Vidéo

00:00 / loading...

Star wars : épisode 1 la menace fantôme - 20th Century Fox

Vidéo en chargement : loading...

Player Vidéo HTML5

Les compatibilités de Player en HTML5 en utilisant deux formats vidéos (exemple MP4 & WebM). Le player au standard HTML5 arrive à lire la vidéo dans son browser. On ressort du tableau que seule Opéra et Internet Explorer on besoin du WebM. Il existe une alternative si vous voulez utiliser qu'un seul format (exemple MP4), il suffit d'utiliser la technologie présentée par JWPlayer (Longtail.com) voir exemple. Explication : si le player n'est pas compatible HTML5, la vidéo est diffusée en Flash Player voir exemple

TABLEAU DE COMPARAISON

CHROME (version 17.0.9)MP4 FIREFOX (version 10.02)WebM INTERNET EXPLORER (version 9)MP4 OPERA (version 11.61)WebM SAFARI (version 5.1.2)MP4

Player natif & API de VIMEO

20 juillet 2015 VIDEO, LABO & TESTS
Vidéo VIMEO

Le player natif utilise la classe javascript "froogaloop2.min.js" & "jquery.min.js" version 1.11. Dans l'interface client, il est possible d'y insérer des captions ou sous-titres au format SRT, mais il existe une table de sous-titrage online. Dans cette exemple, les sous-titres sont indépendant du player, il est possible de charger différents sous-titres au format SRT et de les enrichir (gras, italique,couleur...).

Lire la suite

API Player Youtube démystifié

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

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

Lire la suite

API Player VIMEO démystifié

26 mars 2015 VIDEO, LABO & TESTS
Vidéo VIMEO

 Player HTML 5 en provenance de VIMEO

Il est possible de récupérer la source vidéo externe grâce à l'API (version payante), il est possible de faire la même chose avec le player natif de VIMEO

Lire la suite