Balise vidéo en html5, compatible avec firefox, safari, chrome et explorer.

[Sardequin]

Bonjour, (première fois que je poste ici)

Bon, depuis deux jours, j’essaye de piger le fonctionnement des balises video (et audio) en html5. Et surtout la compatibilité des différents formats vidéos avec les différents navigateurs.

J’essaye donc d’insérer sur mon blog une vidéo. Voilà ce que j’entre - j’ai converti la vidéo au trois différents formats.

<video width="400" height="222" controls="controls">
<source src="http://joseph-isola.info/videosblog/RobertPeteWilliams.mp4" type="video/mp4" />
<source src="http://joseph-isola.info/videosblog/RobertPeteWilliams.webm" type="video/webm" />
<source src="http://joseph-isola.info/videosblog/RobertPeteWilliams.theora.ogv" type="video/ogg" />
Et parfois, ça ne veut pas fonctionner avec votre navigateur.
</video>

Alors, ça fonctionne sur Safari, Chrome, mais pas sur Firefox (version 5 chez moi), et semble-t-il pas sur IE ! Une idée du pourquoi ? Pourtant, le format theora doit fonctionner avec firefox non ?

Le test sur mon blog est ici !

Je vais aussi essayer de faire une page web toute simple, histoire de vérifier. mais j’avoue que je ne pige pas bien ce qui peut clocher. Je vous passe les tests que j’ai pu faire avec d’autres formats, j’ai failli casser mon blog

Merci de votre expertise.

(Édit : liens supprimés)

Ce message a été modifié par Sardequin - 28 Jun 2011, 17:04.

[yponomeute]

Tu utilises une balise html5 et un doctype xhtml 1.0 il faut rester cohérent pour commencer.

[Sardequin]

C’est à dire ? J’ai trouvé ce "code" sur le site alsacréations Ici ! ! Je n’ai pas l’impression que ça soit erroné !


Ce message a été modifié par Sardequin - 25 Jun 2011, 15:26.

[yponomeute]

C'est à dire que tu déclares au navigateur que la page qu'il va devoir afficher est écrite en XHTML 1.0 et qu'ensuite tu utilises une balise video qui n'existe pas en XHTML mais uniquement en HTML5

[Sardequin]

Je comprends ce que tu veux dire, mais si tu suis le lien que je donne, il y a tout a fait ce "mélange" des "balises" et des langages. Ça semble être la solution pour que selon le navigateur utilisé, celui-ci appelle le bon format de vidéo ! Si tu as une solution plus simple je suis preneur !

En principe, Firefox, qui ne peut pas lire le fichier au format mp4 et doit donc lire la version au format Ogg Theora. (Sauf si Firefox peut lire le mp4, mais il me semblait que non !).

Je peux tout à fait utiliser la balise vidéo de cette façon (je l’ai déjà fait)

<video src="http://joseph-isola.info/videosblog/RobertPeteWilliams.mp4" height="250" controls preload></video>

Mais ça ne fonctionnera pas avec Firefox, qui ne lit pas le .mp4 et si je mets la version Ogg, c’est Safari qui ne va pas le lire (et je n’ose penser à Explorer !). Je peux difficilement mettre trois lignes différentes à chaque fois.

Bon, cela étant, je viens de faire un test avec la ligne de code toute simple, et on dirait que autant Firefox que Chrome et Safari (bien sur) arrivent à lire le format mp4. Je me demande pourquoi je me fais suer alors !
test sur le blog


Ce message a été modifié par Sardequin - 25 Jun 2011, 16:36.

[Sardequin]

Bon, je me disais bien, je viens de tester avec Firefox, sur un autre ordinateur (l'iMac de mon Papa) et bien sur, ça ne fonctionne pas du tout avec firefox : aussi bien la "balise" avec les différents choix, que la balise simple avec le format mp4. Et si je teste à nouveau chez moi marche plus non plus (en fait non, juste le temps que la vidéo se charge ?) ! C’est quand même la plaie, ces histoires de formats vidéos !!!!


Ce message a été modifié par Sardequin - 25 Jun 2011, 19:16.

[Sgt.Pepper]

Un peu de lecture sur les formats vidéo avec le html5.

Du même auteur, une solution, que j'ai déjà éprouvée avec succès.

[Sardequin]

Merci, je vais prendre le temps de lire ça aujourd’hui !

(Édit : liens tests supprimés)

Ce message a été modifié par Sardequin - 28 Jun 2011, 17:05.