Balise vidéo en html5, compatible avec firefox, safari, chrome et explorer. |
Bienvenue invité ( Connexion | Inscription )
Balise vidéo en html5, compatible avec firefox, safari, chrome et explorer. |
25 Jun 2011, 15:00
Message
#1
|
|
Macbidouilleur d'Or ! Groupe : Membres Messages : 6 022 Inscrit : 3 Oct 2004 Lieu : Aix en Provence (Bouches du Rhône) Membre no 24 606 |
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. -------------------- |
|
|
25 Jun 2011, 15:21
Message
#2
|
|
Macbidouilleur d'Or ! Groupe : Membres Messages : 4 969 Inscrit : 26 Jan 2011 Lieu : Pollachius virens Membre no 164 083 |
Tu utilises une balise html5 et un doctype xhtml 1.0 il faut rester cohérent pour commencer.
-------------------- MBP 2017 15" avec clavier pourri et touchbar inutile
|
|
|
25 Jun 2011, 15:25
Message
#3
|
|
Macbidouilleur d'Or ! Groupe : Membres Messages : 6 022 Inscrit : 3 Oct 2004 Lieu : Aix en Provence (Bouches du Rhône) Membre no 24 606 |
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. -------------------- |
|
|
25 Jun 2011, 15:32
Message
#4
|
|
Macbidouilleur d'Or ! Groupe : Membres Messages : 4 969 Inscrit : 26 Jan 2011 Lieu : Pollachius virens Membre no 164 083 |
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
-------------------- MBP 2017 15" avec clavier pourri et touchbar inutile
|
|
|
25 Jun 2011, 16:35
Message
#5
|
|
Macbidouilleur d'Or ! Groupe : Membres Messages : 6 022 Inscrit : 3 Oct 2004 Lieu : Aix en Provence (Bouches du Rhône) Membre no 24 606 |
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. -------------------- |
|
|
25 Jun 2011, 17:48
Message
#6
|
|
Macbidouilleur d'Or ! Groupe : Membres Messages : 6 022 Inscrit : 3 Oct 2004 Lieu : Aix en Provence (Bouches du Rhône) Membre no 24 606 |
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. -------------------- |
|
|
25 Jun 2011, 22:49
Message
#7
|
|
Macbidouilleur d'Or ! Groupe : Membres Messages : 3 606 Inscrit : 10 Feb 2011 Membre no 164 526 |
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. |
|
|
26 Jun 2011, 06:26
Message
#8
|
|
Macbidouilleur d'Or ! Groupe : Membres Messages : 6 022 Inscrit : 3 Oct 2004 Lieu : Aix en Provence (Bouches du Rhône) Membre no 24 606 |
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. -------------------- |
|
|
Nous sommes le : 9th May 2024 - 23:48 |