<code><video controls="controls" width="320" height="240"><source src="/wp-content/uploads/2021/11/videotest.mp4" type="video/mp4">Your browser does not support the video tag.</video></code>

Quelque soit la plateforme de blog que vous utilisez ou le site internet sur lequel vous souhaitez publier une vidéo, il est plus pratique et plus accrocheur pour vos lecteurs de pouvoir lire la vidéo directement dans leur navigateur plutôt que de devoir la télécharger et ensuite la lire sur le périphérique utilisé.

Il suffit d’insérer les éléments HTML5.

Attention, il est conseillé de mettre au minimum 2 sources afin de couvrir l’ensemble des navigateurs permettant de lire la vidéo avec le format adéquat.

Pour information, voici la matrice de support des codecs par les différents navigateurs tels que cela est indiqué sur le site “W3School”:http://www.w3schools.com/html/html5_video.asp :

Browser	MP4	WebM	Ogg
Internet Explorer 9+	Y	Y	Y
Chrome 6+	Y	N	N
Firefox 3.6+	N	Y	Y
Safari 5+	Y	N	N
Opera 10.6+	N	Y	Y

MP4 = MPEG 4 files with H264 video codec and AAC audio codec
WebM = WebM files with VP8 video codec and Vorbis audio codec
Ogg = Ogg files with Theora video codec and Vorbis audio codec

Le résultat est le suivant :