Table des matières
Vidéo sur LinuxPédia
Ajouter une vidéo existante
Si vous désirez ajouter une vidéo présente sur le net (YouTube ou Viméo), le plugin vshare est là pour ça : il présent dans la barre d'édition des rédacteurs (le petit bouton en forme de “clap”).
Il suffit de renseigner l'adresse internet de la vidéo à insérer dans la fenêtre pop-up lors du clic sur le bouton “vshare” comme ceci : 
ce qui va donner ce code :
{{ vimeo>84843490?medium }}
et afficher ce résultat :
84843490
note : la syntaxe vshare accepte l'alignement comme les images (sans, gauche, centre, droite)
Ajouter une vidéo locale
Si vous désirez ajouter une vidéo “maison” .. voici comment faire
Créer la vidéo
Il existe plusieurs logiciels permettant de créer une capture vidéo de son écran. Personnellement j'utilise Qt-Recordmydesktop car je trouve qu'il est très simple d'utilisation.
De plus recordmydesktop crée un fichier au format ogg, format 100% libre.
Ajuster la résolution et la qualité
Les principaux logiciels de capture vidéo créent un fichier qui a une résolution égale à la dimension de l'écran. Par exemple pour moi 1680 x 1050 pixels… Un peu gros…
La “largeur utile” des pages de LinuxPédia est d'environ 650 pixels, donc il faut ajuster sa vidéo à une largeur disons de 600 pixels.
Dans mon cas (1680 x 1050 pixels), je ré-encode mon fichier en 600 x 400 pixels.
Pour une résolution de 1024 x 768, ré-encoder le fichier en 600 x 450 pixels.
Héberger sa vidéo
Votre vidéo au format ogg (ogv) est maintenant prête, il faut l'héberger.
LinuxPédia n'hébergeant pas ce type de fichier, nous vous conseillons d'utiliser des sites comme Archives.org ou Blip.tv.
Générer le code
Maintenant que votre vidéo est hébergée, il faut créer un “code” que l'on insérera à notre page sur LinuxPédia.
Insérer la vidéo à une page
Il suffit simplement d'ajouter le code généré entre deux balises html dans votre page.
Par exemple, j'ai mis cette petite vidéo sur archive.org (340 x 280 pixels), le générateur de code m'a créé ce code :
<object data="http://theorasea.org/itheora/index.php?v=http://www.archive.org:80/download/pencil_675/pencil.ogg" type="application/xhtml+xml" style="width:340px; height:280px;"> <!--[if IE]> <iframe src="http://theorasea.org/itheora/index.php?v=http://www.archive.org:80/download/pencil_675/pencil.ogg" style="width:340px; height:280px;" allowtransparency="true" frameborder="0" > </iframe> <![endif]--> </object>
je l'insère à ma page entre deux balises html :
<html> <object data="http://theorasea.org/itheora/index.php?v=http://www.archive.org:80/download/pencil_675/pencil.ogg" type="application/xhtml+xml" style="width:340px; height:280px;"> <!--[if IE]> <iframe src="http://theorasea.org/itheora/index.php?v=http://www.archive.org:80/download/pencil_675/pencil.ogg" style="width:340px; height:280px;" allowtransparency="true" frameborder="0" > </iframe> <![endif]--> </object> </html>
Ce qui nous donne :
<object data="http://theorasea.org/itheora/index.php?v=http://www.archive.org:80/download/pencil_675/pencil.ogg" type="application/xhtml+xml" style="width:340px; height:280px;">
<!--[if IE]>
<iframe src="http://theorasea.org/itheora/index.php?v=http://www.archive.org:80/download/pencil_675/pencil.ogg" style="width:340px; height:280px;" allowtransparency="true" frameborder="0" >
</iframe>
<![endif]-->
</object>
<note>
En fouillant un peu dans le générateur de code vous allez voir que l'on peu ajouter une image de présentation à votre vidéo.
</note>
