{"id":780,"date":"2009-01-05T14:00:44","date_gmt":"2009-01-05T13:00:44","guid":{"rendered":"http:\/\/nyams.planbweb.com\/blog\/?p=780"},"modified":"2009-01-05T14:00:44","modified_gmt":"2009-01-05T13:00:44","slug":"utilisation-de-la-balise-video","status":"publish","type":"post","link":"https:\/\/nyamsprod.com\/blog\/utilisation-de-la-balise-video\/","title":{"rendered":"Utilisation de la balise video"},"content":{"rendered":"
\n

Attention:<\/strong> Les informations de ce billet sont susceptibles d'être obsolètes car vieux de plus 2 ans.<\/p>\n

Warning: <\/strong> The information you are reading may be obsolete, this post was published more than 2 years ago.<\/p>\n<\/div>

Firefox 3.1 est en b\u00e9ta et bien que je d\u00e9teste les beta-software<\/a>, je me suis amus\u00e9 \u00e0 trifouiller dans les entrailles de la b\u00eate, \u00e0 l’initiative de John Resig<\/a>. Et voici comment, en 3 heures, je me suis retrouv\u00e9 \u00e0 coder une fonction pour la gestion de la balise video<\/code> pour Firefox 3.1. Comme seul, Firefox 3.1 semble \u00eatre capable d’interpr\u00e9ter cette balise, mon script ne fonctionne que sous ce navigateur. Vue que les fichiers vid\u00e9os au format ogg <\/a>ne courent pas le web, je me suis all\u00e8grement servis des fichiers du site recommand\u00e9 par l’\u00e9quipe de Mozilla TinyVid<\/a> qui permet de convertir des fichiers flv <\/em>trouv\u00e9 sur youtube <\/em>par exemple.<\/p>\n

Voici ce que cela donne avant utilisation de mon script :<\/p>\n

\"le<\/p>\n

Et apr\u00e8s :<\/p>\n

\"La<\/p>\n

Et pour les plus chanceux d’entre-vous, qui poss\u00e9dent d\u00e9j\u00e0 Firefox 3.1 beta 2, l’\u00e9volution est plus facile \u00e0 appr\u00e9hender<\/a>.<\/p>\n

Noter que vu mes capacit\u00e9s limit\u00e9es en Photoshop<\/em>, le designer qui est en moi n’a utilis\u00e9 que du texte, mais rien n’emp\u00eache l’utilisation de belles ic\u00f4nes pour rendre le player <\/em>plus sympa. Si cela int\u00e9resse ou motive quelqu’un, je pourrais les int\u00e9grer \u00e0 mon script sans aucun probl\u00e8me.<\/p>\n

Seuls b\u00e9mols, \u00e0 l’heure ou j’\u00e9cris ces quelques lignes la balise video<\/code> ne semble pas support\u00e9 le plein \u00e9cran (ce n’est pas trop grave… \u00e0 mon humble avis) et la recherche d’un moment pr\u00e9cis dans le fichier n’est pas optimal. En fait, la recherche prend trop de temps en comparaison \u00e0 une recherche \u00e9quivalente effectu\u00e9e sur un fichier flv<\/em>, mais cela est peut-\u00eatre du au format du fichier… je n’en sais rien en fait \ud83d\ude00 . Dernier petit p\u00e9pin, et pas des moindre, il faut avoir un bon d\u00e9bit pour que le fichier ne soit pas lu de mani\u00e8re saccad\u00e9e.<\/p>\n

Pour les plus int\u00e9ress\u00e9es d’entre vous, d\u00e9veloppeurs exp\u00e9riment\u00e9s en javascript\/CSS\/HTML, vous verrez que je me suis fait plaisir en utilisant uniquement des propri\u00e9t\u00e9s (CSS et javascript) existants uniquement dans les derniers navigateurs comme :<\/p>\n