LinuxPedia

Wiki libre et indépendant dédié à GNU-Linux et BSD.

Outils pour utilisateurs

Outils du site


wiki:syntaxe-video

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 :
search?q=84843490&btnI=lucky
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>


Remerciement

Un grand merci à JosephK le “concepteur” de tout ça, de iTheora ou encore de TheoraSea ;-)


Retour à la page "Comment créer une page"

wiki/syntaxe-video.txt · Dernière modification: 2018/11/17 13:54 (modification externe)