Modèle – intégration de vidéos et sons

Les vidéos durent de 30 à 45 secondes et montrent une seule intervention ou une seule action.

Elles s’inscrivent dans le fil du texte et sont précédées d’un titre-citation ou un titre qui résume l’action (voir exemple plus bas). On peut mettre ces titres au format « Titre 4 » ou gras par exemple.

Le principe et le même pour les sons (voir en bas de page).

Le plus simple

La méthode la plus rapide consiste à uploader les vidéos sur YouTube en « non répertorié » et les insérer en copiant-collant leur URL dans un paragraphe vide. Voici le résultat :

Vidéo : des collégiens bricolent un instrument l’électronique

En option, on peut ajouter ?showinfo=0&rel=0 pour masquer le titre et les suggestions à la fin de la vidéo.

Pour une vidéo de la largeur du contenu, vous pouvez utiliser le convertisseur sur paulronga.ch/youtube-embedder/. Résultat :

Vidéo : des collégiens bricolent un instrument l’électronique

YouTube ne permet plus de masquer le titre et les suggestions de vidéos.

Pour un réglage plus fin (et plus technique), on peut utiliser l’API Player de Youtube.

Vignette personnalisée

Youtube ne permet plus de choisir des vignettes personnalisées, mais c’est possible avec Vimeo ou Dailymotion, comme ci-dessous :

Vidéo : « J’ai écarté le Conseiller fédéral du champ de l’image »

Pour obtenir la largeur du texte, dans le code d’intégration : width="700" height="394"

Swiss Press Photo 19 — Nicolas Brodard — Gagnant Histoires suisses from Swiss Press Award on Vimeo.

Pleine largeur

Pour ce faire, chercher « Aesop Video » puis coller l’id uniquement, par exemple Q6ZKpG1cNrk.

Intégrer des sons

Les règles sont les mêmes que pour les vidéos : chaque son est titré, la longueur est de 30 à 45 secondes, le son s’inscrit dans le fil rouge du long read.

L’intégration peut se faire :

  • avec WordPress : choisir le bloc « Son » (dans « Blocs communs »)
  • avec SoundCloud ou autre plateforme tierce : utiliser le lien embed comme pour une vidéo ou une infographie

Audio : « un titre-citation » ou un titre-synthèse

(En option : emplacement pour une légende)

Idem avec SoundCloud

Pour insérer un son de SoundCloud : cliquer sur le lien de partage et choisir « embed », puis coller le code dans un paragraphe vide.