Un lecteur vraiment personnalisé pour Youtube, sans feuille de styles

Au début du mois de janvier, nous voyions comment personnaliser un lecteur vidéo Dailymotion en appliquant une mise en forme enregistrée dans la feuille de styles. Si cela vous permet de ne plus avoir à taper les codes de styles, cela veut aussi dire que tous vos lecteurs vont être identiques. Plutôt que de multiplier les insertions dans la feuille de styles, vous pouvez les "passer" en direct.

D'ailleurs, vous le savez déjà, si vous avez la curiosité de regarder le code HTML de vos notes. Si vous appliquez une couleur rouge sur un mot dans votre texte, le code ressemblera à ceci.

Si vous appliquez une couleur <span style="color: #800000;">rouge</span> sur un mot dans votre texte,

Avec <Span> on crée une exception dans la feuille de styles courante, puis on déclare les styles. Rien ne nous empêche de procéder de même pour la mise en forme d'un lecteur exportable vidéo.

Intégrer un lecteur de vidéo Youtube personnalisé

^{[màj:02/02/10]} L'une des bonnes nouvelles de la semaine dernière, c'est le lancement sur Youtube d'une chaîne Monty Python. Une occasion rêvée pour voir comment intégrer un lecteur YouTube personnalisé sur son blog.

La méthode est la même que pour un lecteur Deezer, et c'est bien normal puisque la solution technique est la même. On "appelle" un lecteur en Flash hébergé comme le contenu à lire sur un serveur externe. On en profite éventuellement pour glisser en quelques paramètres un peu de couleurs.

Pour intégrer un lecteur YouTube :

•	Connectez-vous à YouTube et lisez la vidéo à installer.
•	Cliquez sur la roue dentée à droite de la zone "Intégrer une vidéo sur un site"
•	Choisissez un jeu de couleurs
•	Choisissez entre inclure ou pas les vidéos similaires. Si vous ne souhaitez pas partager vos autres vidéo, ou ne pas conduire vers les sélections de la personne qui a mis en ligne la vidéo que vous voulez diffuser vous-même, il faut choisir "Ne pas inclure".
•	Choisissez d'afficher ou non le cadre
•	Une fois vos réglages effectués, cliquez dans la zone "Intégrer une vidéo sur un site"
•	Copiez le code
•	Dans l'éditeur Wysywig de Haut&Fort, cliquez sur "Insérer un fichier multimédia", puis sur l'onglet "code embed".
•	Collez le code et cliquez sur insérer.

 

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/WlBiLNN1NhQ&hl=fr&fs=1&color1=0xe15154&
color2=0xfcd5cb"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WlBiLNN1NhQ&hl=fr&fs=1&color1=0xe15154&
color2=0xfcd5cb" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Vous pouvez aussi personnaliser les couleurs de votre lecteur "à la main". Dans le code du lesteur ci-dessus, le paramètre color1 qui indique la couleur du filet a une valeur de rose soutenu (e15154), et color2 qui indique la couleur du fond a une valeur de rose pâle (fcd5cb). Cette fois encore, attention à ne pas mettre le #, et à ne rien toucher d'autre.

Par défaut, le lecteur fait 425 pixels de large pour 344 pixlels de haut. Vous pouvez modifier ce réglage, à condition de respecter le rapport hauteur = 0,8094 x largeur, ou largeur = 1,2355 x hauteur selon la dimension prioritaire. Cela peut altérer la qualité d'affichage, mais vos visiteurs pourront toujours afficher le lecteur en plein écran avec la taille maximum acceptable définie par YouTube.

Don't forget : Always Look On The Bright Side of Life.

[màj:02/02/10] Si vous souhaitez personnaliser votre lecteur comme ce dernier, lisez la note : Un lecteur Youtube vraiment personnalisé, sans feuille de styles.