Aller au contenu
Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Passez au player vidéo HTML5 en douceur

Comparaison entre le player vidéo HTML5 et le player Flash

Vous avez peut être déjà songé à mettre un player vidéo en HTML5 sur votre site histoire de passer du côté moins obscur de la force mais le hic, c’est qu’il y a encore beaucoup de vos visiteurs qui ne sont pas « compatibles HTML5 » et qui sont obligé d’utiliser flash pour lire vos vidéo.

Dommage… Sauf si vous intégrez ce petit javascript baptisé html5media qui détectera si vos internautes préférés utilisent un navigateur compatible. Dans ce cas, le script utilisera alors la balise <video> pour afficher votre film/vidéo ou dans le cas contraire, il utilisera automatiquement le lecteur flash Flowplayer. Attention, tout de même, vos vidéos devront être aux formats h.264 (mp4) ou Theora (ogv).

Simple, pratique, efficace pour une transition en douceur. D’ailleurs, dès que je souffle 5 minutes, je regarde ça pour l’implémenter sur korben.info.

Html5media est téléchargeable sur Google Code et pour l’intégrer, il suffit d’ajouter ces 2 lignes dans vos pages

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://html5media.googlecode.com/svn/trunk/src/jquery.html5media.min.js"></script>

Et d’appeler vos vidéos de la manière suivante :

<video src="video.mp4" width="320" height="240" controls autobuffer></video>

Je trouve le player video HTML5 un poil mochounet (Mochounet : (nm) se dit d’un enfant qui n’est pas mignon) mais heureusement, Jilion arrive bientôt (je ne connais pas la date). Ça serait pas mal que ce soit intégré d’office dans Html5media d’ailleurs.

A bon entendeur, salut !!!!!!!

[source et photo]


Les articles du moment