3.5.6 Multimédia

Lorsque vous utilisez les motifs Audio ou Video, VenC renvoie respectivement le contenu formaté des fichiers audio.html et video.html de votre thème.

Selon ce que vous envisagez de faire, vous pourriez avoir besoin de définir des règles CSS supplémentaires dans le répertoire assets de votre thème. Vous pourriez également vouloir utiliser des scripts JS supplémentaires, que vous auriez définis vous-même dans ce même répertoire.

Mais pour le moment, on va faire une utilisation simple des balises audio et video que propose HTML5.

Audio

<audio controls style="width: 100%;">
{source}
Your browser does not support the audio element.
</audio>

On reconnaît ici le format de variable utilisé par VenC :

Video

<video controls poster="{poster}" style="width: 100%;">
{source}
Your browser does not support the video tag.
</video>

Idem que pour audio, mais on spécifie en plus une variable poster qui contiendra une image de prévisualisation de la vidéo, celle qui sera affichée en fond dans le lecteur en attendant que le visiteur lance la lecture de la vidéo.