Le multimédia

Le son

J'utilise simplement la balise <audio> comme dans cet exemple :

<audio src="mon.ogg" controls> </audio>

La balise audio comporte également les attributs autoplay, muted et loop qui, comme controls, n'ont pas de paramètre.

Lorsque l'attribut controls est présent, le navigateur affichera les contrôles qui permettront à l'utilisateur de gérer la lecture, le volume, et le déplacement du curseur de lecture.
Selon moi, les attributs autoplay et muted n'ont pas d'intérêt car la plupart des navigateurs interdisent la diffusion automatique des sons.
Lorsque l'attribut loop est présent, le son sera rejoué jusqu'à ce que la page soit fermée.

Billet créé le :
23 Nov 2020

La vidéo

Le codage à utiliser :

<video poster="lavideo.jpg" controls preload="" width="90%" >
<source src="lavideo.mp4" type="video/mp4" />
<source src="lavideo.ogv" type="video/ogg" />
<p>Ici devrait se trouver ma vidéo :=).</p>
</video>

C'est encore un peu la galère : les navigateurs, même dans les versions les plus récentes, ne supportent pas tous les formats vidéo courants. Il est donc nécessaire de proposer vos vidéos sous plusieurs formats. Cela explique la présence de plusieurs balises <source>.

La balise video dispose, comme la balise audio, des attributs autoplay, muted et loop. Elle connait également les attributs height et width pour les dimensions d'affichage de la vidéo. L'attribut preload avec les valeurs auto, metadata ou none paramètre le téléchargement de du fichier.

Enfin, l'attribut poster a pour valeur l'URL de l' image qui sera affichée pendant le téléchargement de la vidéo.

Le résultat :

3. Les formats

Pour convertir vos vidéos, voici un lien en ligne : http://video.online-convert.com/convert-to-ogg