Utilisation de la balise video en HTML5

Afin de transmettre une vidéo à un ami, j’ai eu à mettre en place un petit site vite fait pour qu’il puisse la lire comme si elle figurait sur youtube mais tout en gardant le contrôle de mes données. Ainsi, j’ai choisi d’utiliser la balise <video> disponible avec HTML5.

Je ne reviendrais pas sur la possibilité de télécharger la vidéo avec cette balise puisqu’il n’y a aucune sécurité, le but est juste de mettre en place un streaming simple.

Il faut bien penser à mettre plusieurs formats de vidéo pour assurer la compatibilité avec plusieurs navigateurs (j’ai mis mp4 (pour Google Chrome) et webm (pour Mozilla Firefox) pour ma part). Pour Firefox, il est nécessaire de rajouter les lignes : :

AddType video/mp4    .mp4
AddType video/webm .webm

dans le fichier .htaccess pour qu’il reconnaisse les types MIME et qu’il assure alors la lecture des vidéos.

Le code que j’ai utilisé pour insérer mes vidéos dans la page a donc été :

<video width="<taille>" controls> This Web browser is to old to display the video.
        <source src="<nom_de_la_video>.mp4" />
        <source src="<nom_de_la_video>.webm" />
</video>