21/06/2007

Mettre une vidéo sur son blog

Vous êtes nombreux, vous qui débutez dans la création de votre blog, à vous demander comment mettre de la vidéo !

Je vais vous expliquer comment faire dans ce tuto :

1) Vous créez une nouvelle note, écrivez ou non une description sur la vidéo dans l'espace habituel réservé à la rédaction du post.

2) Cliquer sur l'onglet HTML de la boîte à outils du post. Une fenêtre s'ouvre vide ou avec des écritures bizarres selon ce que vous avez écrit. C'est dans cet espace que l'on rentrera le code HTML correspondant.

medium_capture.jpg

3) Vous devez choisir au préalable la vidéo souhaitée et en prendre l'adresse HTML.

Pour les vidéos Windows Media Player

Pour cela faites un clik droit sur la vidéo puis cliquer sur Propriétés . L'adresse est à "Emplacement", vous faites une sélection de l'adresse et copier ( ctrl+c ou clik droit et copier).

medium_capture01.jpg

Pour d'autres vidéos (Youtube, GoogleVideo, ...)

Quelquefois le clik droit ne contient pas Propriétés, à ce moment-là certains sites fournissent l'adresse URL de la vidéo ou mieux encore le code HTML entier.

Je ne suis plus sûr si cela peut fonctionner mais lorsque vous avez une vidéo seule sur une page internet, vous pouvez également récupérer son URL dans l'onglet Propriétés de cette fenêtre Internet Explorer.

4) Maintenant nous allons copier le code HTML dans l'espace concerné.

Le code HTML d'une vidéo est : <embed id="VideoPlayback" style="width: 400px; height: 326px" src="http://www.youtube.com/v/7CbxPPVB1qA" mce_src="http://www.youtube.com/v/7CbxPPVB1qA" type="application/x-shockwave-flash" flashvars="playerMode=embedded" salign="TL" wmode="window" scale="noScale" bgcolor="#FFFFFF" quality="best" allowscriptaccess="sameDomain" />

Copiez ce code à l'endroit voulu et valider en cliquant sur Insertion . Le but est de remplacer l'adresse "http://www. blabla..."par l'adresse de votre vidéo, c'est tout ce que vous aurez à changer lorsque vous insérez une vidéo dans un post. Vous pouvez jouer avec les chiffres de taille de vidéo (width: 400px; height: 326px) pour améliorer la mise en page.

medium_capture02.jpg

 

Vous n'avez plus qu'à copier ce code à chaque fois dans le post et changer l'adresse. Pour prendre le code HTML, soit vous revenez sur ce tuto dans la rubrique "Astuces et Tutos (PSP, PC...etc)" de mon blog ou soit vous recopier le code sur un de vos anciens posts.

MERCI A MOOBLOG POUR CE TUTO.