Les formats disponibles :

Visionner une vidéo en Haute Qualité
Pour visionner en Haute Qualité la Vidéo : Dance - Where the Hell is Matt?(2008), il faut indiquer l'adresse normale d'une vidéo YouTube, suivie du paramètre fmt=22 :
Insérer une vidéo en Haute Qualité sur son Blog
YouTube fournit le code suivant à insérer sur son blog (à insérer sans retour à la ligne) :
<object width="445" height="284">
<param name="movie"
value="http://www.youtube.com/v/zlfKdbWwruY
&hl=fr
&fs=1
&color1=0x234900&color2=0x4e9e00&border=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed
src="http://www.youtube.com/v/zlfKdbWwruY
&hl=fr
&fs=1
&color1=0x234900&color2=0x4e9e00&border=1"
type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true"
width="445" height="284">
</embed>
</object>
L'ajout du paramètres fmt=22 ne permet pas d'insérer la version Haute Qualité de la vidéo sur son blog !
Pour celà il faut ajouter un paramètre caché : ap, avec le paramètre fmt=22 URLEncodé . Ce qui donne :
ap=%2526fmt%3D22
Le code à insérer sur le blog devient donc (toujours sans retour à la ligne) :
<object width="445" height="284">
<param name="movie"
value="http://www.youtube.com/v/zlfKdbWwruY
&ap=%2526fmt%3D22
&hl=fr
&fs=1
&color1=0x234900&color2=0x4e9e00&border=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed
src="http://www.youtube.com/v/zlfKdbWwruY
&ap=%2526fmt%3D22
&hl=fr
&fs=1
&color1=0x234900&color2=0x4e9e00&border=1"
type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true"
width="445" height="284">
</embed>
</object>
On obtient le résultat suivant (lecteur 356 x 228, bordure verte, texte français) :
En cas de problèmes
YouTube affiche le message suivant : Désolé, cette vidéo n'est plus disponible (We're sorry, this video is no longer available) si la vidéo n'est pas disponible dans le format indiqué ou si la bande passante est trop faible pour le niveau de qualité demandé. Certains pare-feux limitent également le visionnage en Haute Qualité.
Un gadget pour insérer une Video YouTube
Google a développé une API comportant un lecteur Flash. Le gadget suivant utilise ce lecteur et évite l'insertion des codes <object> et <embed> pour afficher un lecteur YouTube sur son blog.
Insérer le Gadget Google lecteur YouTube
Blogger permet facilement l'ajout d'un Gadget dans les éléments de la page : Mise en page / Eléments de la page / Ajouter Gadget / Ajouter votre propre (... Gadget) et saisir l'Url du Gadget à insérer.
Rien n'est prévu pour ajouter un Gadget dans le corps du message. Il faut utiliser la technique décrite dans un message précédent.
Les paramètres du Gadget :
Video : Le code de la Video YouTube, zlfKdbWwruY dans l'exemple ci-dessus
Taille : En pixels, 223 x 142, 425 x 264, 480 x 295, 560 x 345, 640 x 385, 848 x 500 (223 x 142 force Bordure à non)
Couleurs : gris blanc, noir gris, bleu gris, bleu, vert, orange, rose, violet, rouge
Bordure : oui ou non
Recherche : Grille de recherche YouTube, oui ou non (oui n'est valide que si Videosim est à oui)
Videosim : Videos similaires à la fin de la vidéo, oui ou non
Démarrage : Automatique lors de l'affichage de la page, oui ou non
Qualite : Normal, Haute, Haute (iPod), Très Haute
Plein : oui ou non, autoriser l'affichage plein écran
BoxBcol : Code #rrggbb couleur du fond
Note : Indiquer une taille pour le gadget en fonction de la taille choisie pour la Vidéo (par défaut, 860 x 520)
La comparaison
Plus d'informations
Des Gadgets pour son Blog
Utiliser le Le lecteur YouTube avec Google Sites
3 commentaires:
Salut
tout d'abord merci pour tous ces conseils et astuces c'est vraiment une bonne initiative.
Je savais pas ou joindre une personne qui s'y connaitrait bien en blogger alors jte laisse un comm ici^^
Voila moi j'ai un probleme, c'est que j'aimerais changer la couleur qui se met a chaque fin de nouvel article (la où il y a marquer commentaires et libellés...).
Sur ton blog ca fait un cadre blanc, sur le mien ( http://dagtestbeta.blogspot.com/) une sorte de vert palichon tout moche....J'ai eu beau chercher sur le html j'ai rien vu (jsuis juste un novice^^)
En esperant avoir la réponse!!!
merci bien et bonne continuation
Bonsoir Dag
Pour corriger, parametres / modifier html
chercher dans les clauses de style
.post-footer {
background: #ded;
margin:0;
padding-top:2px;
padding-right:14px;
padding-bottom:2px;
padding-left:29px;
border:1px dotted #bbbbbb;
border-width:1px;
font-size:100%;
line-height:1.5em;
color: #666;
}
adapter a vos gouts, par exemple fond jaune mettez
background: yellow;
Bonne fin de soirée
Bonsoir,
juste un petit mot pour vous remercier de tous ces excellents posts que vous publiez afin de rendre le monde blogger plus limpide.
stefanina
Enregistrer un commentaire