Un petit article interressant

Spip : manuel avancé Insérer un document multimédia (audio / vidéo / flash) dans un article

Traductions : English . Español . 

Objectif : maîtriser l'insertion de contenu multimédia dans un article

Avant de commencer :
Vérifiez auprès de votre webmestre qu'il n'existe pas un espace dédié à votre organisme sur un site de partage de vidéos de type DailyMotion. Si celui-ci existe, reportez-vous au tutoriel "Votre vidéo en ligne depuis un site de partage de vidéos".
Vérifiez qu'il ne s'agit pas d'une vidéo au format flash, auquel cas il faut suivre le tutoriel "Publier une vidéo au format FLV dans un article Spip"

Les éléments multimédia se téléchargent dans la partie privée de SPIP comme n'importe quel autre document, via le formulaire en bas de page "joindre un document", à condition que leur poids soit inférieur à 2Mo. Si celui-ci est supérieur, vous devez demander à votre webmestre de télécharger le document multimédia via FTP et vous pourrez ensuite le retrouver dans l'interface privée, dans le même encadré "joindre un document".

Une fois que vous l'avez téléchargé, il est important de vérifier que les champs "largeur" et "hauteur" sont bien renseignés. Ils sont obligatoires pour pouvoir insérer la vidéo dans votre article directement. Vous trouverez ces renseignements en regardant les propriétés de votre vidéo (clic droit + propriétés sur Windows).

Vous avez ensuite deux possibilités :
l'insérer en pièce jointe comme n'importe quel autre document : pour cela rien de spécial, choisissez le code d'insertion <docXXX|center>, <docXXX|left>, <docXXX|right> ou encore <docXXX>  tout court.
l'insérer directement dans le document : utilisez le code <embedXXX|center> (ou|right, |left ou alors rien du tout). Vous avez cependant la possibilité des paramètres avancés afin de maîtriser l'affichage de ces éléments.

Les paramètres avancés

border : Largeur de la bordure du cadre (en pixels)
autostart : Spécifie si la vidéo est jouée automatiquement (true) ou non (false) (par défaut : true)
autoload : Spécifie si le chargement de la vidéo s'effectue automatiquement (true) ou non (false) (par défaut : true)
loop : Spécifie le nombre de fois où la vidéo est jouée (si la valeur est –1 le fichier sera joué indéfiniment)
controls : Indique si le panneau de contrôle s'affiche (true) ou non (false) (par défaut : true)

Pour utiliser ces paramètres avancés dans SPIP, il faut les insérer à la suite du code <embedXXX|center>, par exemple :

<emb1009|center|autostart=true>

Tous les paramètres ne sont pas toujours pris en compte par les différents formats : un fichier audio (.mp3) ne marche pas de la même manière qu'un document flash (.swf). Si le paramètre que vous entrez dans votre code ça ne marche pas, ce n'est donc pas forcément un bug, mais tout simplement que ce paramètre n'est pas valide avec ce type de fichiers. Il existe une multitude de fichiers différents et il serait difficile d'en faire une liste exhaustive...

Mettre en ligne une vidéo au format Windows Media Player (.wmv)

Demander à votre webmestre de la télécharger sur le serveur (il sera très rare qu'elle ne pèse pas plus de 2 Mo)
L'installer dans l'article de votre choix via l'interface de SPIP "joindre un document"
Modifier l'article
Insérer le code suivant à l'endroit où vous voulez que la vidéo apparaisse (remplacer XXX par le n° de votre document) :

<div align="center"><embXXX|width=320|height=240|autostart=0></div>

Récapitulons

Il est normal que vous n'entendiez aucun son.

Rédigé par Natalia Massa de Elias