Le site du CRDP et des CDDP de Midi-pyrénées

Publier une vidéo


Le format FLV (vidéo Flash) est utilisé dans notre site pour publier une vidéo en lecture en continu (streaming) via un lecteur permanent installé sur notre serveur.

Il est toujours possible d’ajouter un document vidéo dans différents formats pour le proposer au téléchargement (voir exemple).

Il est possible de convertir les vidéos au format FLV via un programme libre comme "Free Flv Converter" par exemple.

Procédure


1 - Ajouter la vidéo à l’article par la fonction "Ajouter un document".
Spip : Ajouter un document


2 - Insérer le code suivant à l’emplacement de la vidéo en changeant le nom du fichier .flv.

La vidéo est disponible avec un écran noir
 
Des options d’affichage permettent de :





<object type="application/x-shockwave-flash" data="http://www.cndp.fr/crdp-toulouse/plugins/player_flv_maxi.swf" width="240" height="180">
   <param name="movie" value="http://www.cndp.fr/crdp-toulouse/plugins/player_flv_maxi.swf" />
   <param name="allowFullScreen" value="true" />
   <param name="FlashVars" value="flv=http://www.cndp.fr/crdp-toulouse/IMG/flv/spot_etw.flv" />
</object>

options d’affichage


1 - Le titre

Il est possible d’afficher le titre de la vidéo par la commande :
&title=Titre de l’image




<object type="application/x-shockwave-flash" data="http://www.cndp.fr/crdp-toulouse/plugins/player_flv_maxi.swf" width="320" height="240">
   <param name="movie" value="http://www.cndp.fr/crdp-toulouse/plugins/player_flv_maxi.swf" />
   <param name="allowFullScreen" value="true" />
   <param name="FlashVars" value="flv=http://www.cndp.fr/crdp-toulouse/IMG/flv/spot_etw.flv&title=Titre de la vidéo" />
</object>

2 - La première image

Il est possible d’afficher la première image de la vidéo par la commande :
&autoload=1




<object type="application/x-shockwave-flash" data="http://www.cndp.fr/crdp-toulouse/plugins/player_flv_maxi.swf" width="320" height="240">
   <param name="movie" value="http://www.cndp.fr/crdp-toulouse/plugins/player_flv_maxi.swf" />
   <param name="allowFullScreen" value="true" />
   <param name="FlashVars" value="flv=http://www.cndp.fr/crdp-toulouse/IMG/flv/spot_etw.flv&autoload=1" />
</object>

3 - L’image de son choix

Si la première image n’est pas significative il est possible d’afficher comme première image l’image de son choix par la commande :
&startimage=adresse de l’image
 
  • Ajouter une image à l’article
  • Récupérer son adresse
  • Insérer dans le script




<object type="application/x-shockwave-flash" data="http://www.cndp.fr/crdp-toulouse/plugins/player_flv_maxi.swf" width="320" height="240">
   <param name="movie" value="http://www.cndp.fr/crdp-toulouse/plugins/player_flv_maxi.swf" />
   <param name="allowFullScreen" value="true" />
   <param name="FlashVars" value="flv=http://www.cndp.fr/crdp-toulouse/IMG/flv/spot_etw.flv&startimage=http://www.cndp.fr/crdp-toulouse/IMG/jpg/spot_etw2.jpg" />
</object>

Vidéos en téléchargement

En insérant de manière tout à fait classique le code <docxxxx> on obtient l’affichage dune imagette avec lien vers le document.

AVI - 374.1 ko
Chaton en avi
MPEG4 - 728.4 ko
Chaton en mp4
Windows Media Video - 828.8 ko
Chaton en wmv
Flash Video - 828.2 ko
Chaton en flv

player flv multi

C’est la version "maxi" du player flv qui est utilisée sur notre serveur.
- L’appel du fichier source :
http://flv-player.net/medias/player_flv_maxi.swf
- Le fichier source en téléchargement :
http://flv-player.net/fr/players/ma...
- La documentation des options d’affichage
http://flv-player.net/fr/players/ma...

<object type="application/x-shockwave-flash" data="http://www.cndp.fr/crdp-toulouse/plugins/player_flv_multi.swf" width="320" height="240" align="middle">
<param name="movie" value="http://www.cndp.fr/crdp-toulouse/plugins/player_flv_multi.swf" />
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="flv=http://www.cndp.fr/crdp-toulouse/IMG/flv/spot_etw.flv&showvolume=1&showtime=1&showfullscreen=1&startimage=http://www.cndp.fr/crdp-toulouse/IMG/jpg/spot_etw2.jpg" />
</object>

test plugin lecteur multimédia

Le plugin "lecteur multimédia toujours en développement ne donne pas satisfaction.

impossible pour l’instant d’obtenir l’affichage d’une image de départ et problème pour afficher l’apostrophe.

Flash Video - 3 Mo
L’eau, l’air, le ciel
Modèles 

Modèles

Atelier Canopé de Montauban

Sceren Services culture éditions ressources pour l'éducation nationale