Video cross browser en HTML5

Posted: février 11th, 2010 | Author: rabehasy | Filed under: HTML5 / CSS 3 | Tags: crossbrowser, html5, video | No Comments »

Video for Everybody est un bout de code HTML qui permet d’afficher une vidéo avec la nouvelle balise <video> du nouveau consortium HTML5.

A l’heure actuelle, le HTML5 n’est pas supporté par tous les navigateurs mais les navigateurs récents tels que Firefox, Chrome ou Opera 10 commencent à bien le supporter.

Ce bout de code va encore plus loin puisqu’il detecte si votre navigateur supporte la balise et propose une alternative dans le cas contraire.

Dans firefox, à partir de la version 3.5, comme la balise video est bien supportée, on a un bon affichage. En revanche, sur Internet Explorer en version 7. Le plugin Quicktime est appelé pour lancer la vidéo. Si quicktime fait défaut, alors le flash prend la main sur l’affichage.

Voici le rendu avec les navigateurs suivants :

Firefox 3.6

Chrome 4.0

Opera 10

Internet Explorer 8.0

Safari 4.0

(Edit 4 Septembre 2010) A côté de ce player, citons également FryPlayer qui est aussi fait en HTML5. Ce lecteur est construit avec jQuery. Il est skinnable. JWPlayer de longtailvideo, a récemment créé une version HTML5 de son célèbre lecteur.

No related posts.

La liste des entrées complémentaires est établie par le module d’extension YARPP.

---