Comment utiliser les balises <video> et <audio> ?

Pour que les navigateurs prennent en compte les documents "audio" et/ou "video", il suffit de copier le code qui suit dans le <head> de votre document.

<script src="api/html5media.min.js"></script>

C'est tout! Il n'y a pas d'autres manipulations à faire!

Comment insérer une vidéo dans une page ?

Vous pouvez insérer une vidéo dans votre page en utilisant le code suivant:

<video src="/le_chemin/du_fichier/video.mp4" width="320" height="200" controls preload></video>

Pour plus d'information ou pour obtenir du soutien, merci de vous rendre sur le site video wiki.

Comment insérer de l'audio dans une page ?

Vous pouvez insérer de l'audio dans votre page en utilisant le code suivant:

<audio src="/le_chemin/du_fichier/audio.mp3" controls preload></audio>

Pour plus d'information ou pour obtenir du soutien, merci de vous rendre sur le site audio wiki.

Pourquoi utiliser "HTML5 video" ?

Les balises "HTML5" (vidéo et audio) ont été conçues pour faciliter l'intégration d'une vidéo aussi simplement que l'incorporation d'une image. elles étaient également conçues pour offrir aux utilisateurs une expérience plus rapide en supprimant les plugins comme Adobe Flash Player.

Malheureusement, les anciens navigateurs ne supportent pas la vidéo "HTML5" et les balises "audio" ! Même les navigateurs modernes ne supportent pas un ensemble cohérent de codecs, ce qui complexifie l'intégration d'une vidéo dans les pages.

Le projet "html5media" rend l'intégration de vidéos ou de fichiers audios aussi facile qu'il était censé être. Il s'agit d'une solution "fire-and-forget", technique qui ne nécessite pas d'installer de fichiers sur votre serveur. Contrairement à de nombreux autres lecteurs vidéo "HTML5", il permet aux gens d'utiliser le contrôle des vidéos fournies par leur propre navigateur web. C'est l'une des plus petites et plus rapides solutions disponibles. Cette technologie devrait évoluer et il deviendra encore plus rapide.

Plus d'information

Le projet "html5media" est "Open Source" dont l'hébergement se situe sur GitHub. Vous trouverez plus d'informations sur le site html5media wiki ou sur la page principale du projet html5media project page.

Si "HTML5 video" ne fonctionne pas, insérer dans un fichier "htaccess" le code :

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm