Flux rss
Ils ont besoin de votre aide
Collection CommentCaMarche.net

[Webmaster] Publier facilement une vidéo dans une page web

Publié par sebsauvage, dernière mise à jour le jeudi 29 novembre 2007 à 19:50:32 par jorginho67
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

1. Installer un convertisseur FLV


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

2. 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

1. Installer un convertisseur FLV


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

2. 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).

3. 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).

4. 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

Résultats pour Publier facilement une vidéo dans une page web

Publier site web (Résolu) Bonjour, J' essaie désespéremment de publier mes pages web. J' utilise Filezilla et je crois avoir fait tout ce qu' on me demande mais cela ne fonctionne pas. La première page, page index, s' ouvre correctement mais pour les... www.commentcamarche.net/forum/affich-7904509-publier-site-web
Pinnacle Systems Video Capture for Mac Analogique/Numérique:Analogique, Connexion:USB 2.0, EPG:No, Interne/Extrene:Externe, Standard:Numérique, Entrée composite, Entrée S-vidéo, Sortie Composite, Sortie S-vidéo, Page web du produit:Anglais www.commentcamarche.net/guide-achat/pinnacle-systems-video-capture-for-mac-1178627-fiche-technique
Publication avec Netscape (Résolu) Bonjour à toutes et à tous.Dans le passé j'ai publié des pages web avec netscape composer .On peut voir le résultat à http://va2dx.fr.tc. Voulant republier à nouveau,je fais face à toutes sortes de messages. Comme vous n'avez pas le droit de... www.commentcamarche.net/forum/affich-1138945-publication-avec-netscape

Résultats pour Publier facilement une vidéo dans une page web

[Web] Eliminer totalement les publicités dans les pages web.Voici une méthode radicale et simple pour éliminer 99% des publicités dans les pages web, quel que soit le site et quel que soit le type de publicité (popup, incluse, bannière, flash, IFrame, Java, CSS, applet Java...) 1. Installez... www.commentcamarche.net/faq/sujet-4541-web-eliminer-totalement-les-publicites-dans-les-pages-web
[FreeMind] Publier une mindmap dans une page webFreeMind est un logiciel de mindmapping. Vous avez plusieurs possibilités pour publier votre mindmap dans une page web. Flash applet Java Simple image PNG HTML+Javascript (texte seulement) HTML+Javascript (texte+icônes) HTML+Javascript... www.commentcamarche.net/faq/sujet-4857-freemind-publier-une-mindmap-dans-une-page-web
[mythes] On peut protéger une page web/une image contre la copieMythe On peut empêcher la copie d'une page web ou d'une image. On peut empêcher de voir le source d'une page HTML. On peut empêcher la copie d'une vidéo, d'une musique. Réalité FAUX Explications Quelle que soit la nature d'un document (page... www.commentcamarche.net/faq/sujet-3134-mythes-on-peut-proteger-une-page-web-une-image-contre-la-copie
Réponses suivantes

Résultats pour Publier facilement une vidéo dans une page web

Integrer un flux vidéo dans une page Web (Résolu)Bonjour, Une ptite question si you plait peut on afficher dans une page web un flux vidéo au format microsoft media server (MMS)? Mon flux est bien dispo car depuis WMP je lis très bien le contenu a l'adresse mms://monip:port mais depuis IE je... www.commentcamarche.net/forum/affich-3734211-integrer-un-flux-video-dans-une-page-web
Insérer vidéo en Flash dans page Web (Résolu)Bonjour, Débutant de chez débutant, j'essaie de comprendre comment incorporer et lire un clip vidéo dans une page web sous forme Flash. J'ai été sur pas mal de tutos, mais je ne sais pas m'y prendre: j'ai un fichier encodé en .FLV,... www.commentcamarche.net/forum/affich-3608495-inserer-video-en-flash-dans-page-web
Lancer VLC à partir d'une page web (Résolu)bonjour je cherche un moyen de lancer la lecture d'un fichier .avi sur VLC à partir d'une page web. En gros, tu cliques, et paf, VLC s'ouvre et joue le fichier. merci :) www.commentcamarche.net/forum/affich-2886519-lancer-vlc-a-partir-d-une-page-web
Réponses suivantes