Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

07 décembre 2010

Mettre vidéo miniature dans une colonne

Posté par Demolite - Dans la catégorie Canalblog
Tags : , , ,

Voici comment réduire une vidéo et la mettre dans une de vos colonnes.

Sans_titre_1

Voici un script récupéré sur Youtube :

<object width="700" height="450"><param name="movie" value="http://www.youtube.com/v/6_sjGfSijb0?fs=1&amp;hl=fr_FR&amp;color1=0x006699&amp;color2=0x54abd6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6_sjGfSijb0?fs=1&amp;hl=fr_FR&amp;color1=0x006699&amp;color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="700" height="450"></embed></object>

Vous pouvez commencer par faire un peu de ménage et supprimer quelques trucs inutiles :

<embed src="http://www.youtube.com/v/6_sjGfSijb0?fs=1&amp;hl=fr_FR&amp;color1=0x006699&amp;color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="195" height="134"></embed>

Gardez seulement ce qui se trouve entre les balise <embed...> </embed>

Maintenant on va réduire la taille de cette vidéo...

Changez les valeurs de départ dans le script de width="853" height="505" passez-les à : width="195" height="134"

Vous pouvez mettre les dimensions que vous voulez du moment quelles ne dépassent pas la largeur de votre colonne ou de votre page centrale si vous mettez la vidéo dans un article.


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici


« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41