Webmaster - Publier facilement une vidéo dans une page web

Décembre 2016

Publier une vidéo dans une page web n'est pas toujours évident: Selon le format (AVI, MPG, MOV...) tout le monde ne possède pas forcément le bon plugin et le bon codec.

En revanche, la quasi-totalité des navigateurs possèdent le plugin Flash (SWF). Flash est capable de faire de la vidéo en streaming. Voici comment publier une vidéo grâce à Flash. De cette manière, beaucoup plus de monde pourra voir la vidéo sans problème.

De plus, le démarrage de l'affichage des vidéos Flash est nettement plus rapide que pour AVI, WMV ou QuickTime.


Convertir la vidéo en FLV sous Windows

Installer un convertisseur FLV


Téléchargez et installez Riva FLV Encoder (gratuit -4,9 Mo)

Convertir la vidéo en FLV


Sélectionnez votre vidéo, choisissez le nom de sortie ainsi que le format (résolution, nombre d'images/seconde,etc.) et cliquez sur le bouton "Encode" et attendez. Cela va produire un fichier .FLV.

L'encodeur Riva est capable de lire différents formats AVI, MPG, QuickTime et WMV. (Voir cette page pour la liste des formats vidéo supportés. )

Convertir la vidéo en FLV sous Linux

Installer un convertisseur FLV


Installez ffmpeg.
Par exemple sous Debian, tapez: sudo aptitude install ffmpeg

Convertir la vidéo en FLV


Tapez : ffmpeg -i mavideo.avi mavideo.flv

Le débit par défaut est de 200 kilo-bits/sec. (=25 ko/sec.)

Si vous voulez une meilleure qualité, ajoutez l'option -b pour choisir le débit.
Par exemple:ffmpeg -i mavideo.avi -b 512 mavideo.flv

Note : Certaines distributions sont fournies avec une version de ffmpeg qui est compilée sans le support MP3 (comme Ubuntu). Dans ce cas, la conversion sera bien effectuée, mais la vidéo sera muette.
Dans ce cas:
  • Installez les codecs multimedia
  • Installez : sudo aptitude install mencoder lame
  • Et enfin pour convertir votre vidéo (attention accrochez-vous à votre ligne de commande) :
    mencoder mavideo.avi -o mavideo.flv -of lavf -oac mp3lame -lameopts abr:br=56 -ovc lavc -lavcopts vcodec=flv:vbitrate=400:mbd=2:mv0:trell:v4mv:cbp:last_pred=3 -srate 22050 -lavfopts i_certify_that_my_video_stream_does_not_use_b_frames

Cela devrait régler le problème (Testé avec succès sous Ubuntu 7.10).

Installer le player FLV en Flash


Prenez un player FLV en Flash. Vous en trouverez plein de gratuits sur internet.
Par exemple Flash Video Player de Jeroen Wijering.

Téléchargez le fichier flash_flv_player.zip (301 ko).

Créer la page HTML


Copiez votre fichier FLV et flvplayer.swf dans un même répertoire et créez un fichier HTML correspondant.
Exemple:
<html>  
<head>  
  <title>Ma vidéo</title>  
</head>  
<body>  
<noembed>  
<object style="width:320px;height:260px">  
  <param name="movie" value="flvplayer.swf?file=mavideo.flv" />  
  <param name="quality" value="high" />  
</object>   
</noembed>  
<embed  width="320" height="260"  src="flvplayer.swf?file=mavideo.flv" quality="high" type="application/x-shockwave-flash" />  
</body>  
</html>


C'est à vous d'ajuster la taille de la vidéo à l'écran (width et height) ainsi que le nom du fichier flv. (mavideo.flv).

Voir également


A voir également :

Ce document intitulé «  Webmaster - Publier facilement une vidéo dans une page web  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.