Insérer une vidéo dans un article

Comment insérer simplement et proprement une vidéo dans un article

Article mis en ligne le 25 janvier 2017
dernière modification le 12 octobre 2018

Quel format de fichier ?

Le fichier ayant le format le plus aisément lisible sur tous les navigateurs est le format mp4 : extension m4v ou mp4. Pour convertir un fichier, on peut utiliser vlc (menu Media/Convertir).

En pratique

Pour insérer une vidéo dans un article, il faut procéder en trois étapes :

Téléverser la vidéo

La vidéo sera un document attaché à l’article : il convient donc d’abord de téléverser le document, comme on le fait déjà avec des fichiers pdf ou des images.

Choisir un format d’affichage

Une vidéo en HD aura une format de 1920 x 1080, ce qui est gigantesque pour une page web. Il convient donc de choisir un format pour l’affichage initial de la vidéo (les utilisateurs pourront passer en plein écran s’ils le souhaitent). Une largeur de 480x270 semble raisonnable. Nous choisirons donc ce format (voir ci-dessous pour appliquer le format choisi)

Créer la vignette

La vignette est la figure qui apparaîtra sur la page à son chargement : de préférence une image représentative de la vidéo.
Sélectionner une image de la vidéo (cela peut se faire avec vlc, menu vidéo/capture d’écran). La redimensionner afin qu’elle ait le même format que le format d’affichage de la vidéo, soit 480x270.

Déclarer la vignette, le titre, les crédits

Cliquer sur le bouton modifier qui se trouve à côté du logo représentant le document joint. Cela ouvre une fenêtre qui permettra de :

  • Entrer un titre
  • Entrer un descriptif, qui peut être utilisé pour indiquer les crédits. (En l’état actuel, le plugin utilisé ne permet pas d’afficher le champ Crédits)
  • Téléverse la vignette que l’on vient de préparer

Insérer la vidéo au bon endroit dans l’article

Insérer dans l’article la balise suivante :

(bien sùr il faut remplacer XYZ par le numéro du document, on peut mettre left ou right à la place de center)