[Résolu] Bien utiliser la balise video de Html5

bonjour

Je débute sur ce sujet avec:

<video width="800" height="600" controls autoplay loop preload="auto">
  <source src="<?=$videoName?>.mp4" type="video/mp4" />
</video>

et IE9, Chrome26, Firefox.

J'utilise différents fichiers .mp4; mes tests fonctionnent parfois et coincent souvent, les fichiers ne sont pas lus.

Une question: tous les fichiers mp4 conviennent-ils? Suivant les origines de mes fichiers mp4, le résultat avec IE9:
- conversion depuis un avi: ok, 1 fichier
- conversion depuis un DVD: KO, 1 fichier
- issu de Youtube: KO, 1 fichier
- trouvé sur le Web: KO, 2 fichiers

Quelques tests plus loin:
- le bon format cible pour IE semble être .m4v
- ensuite, renommer en .mp4, un des trois formats supportés
et, comme ça, ça marche, en IE comme en Chrome, mais pas en FF.

Merci par avance de vos conseils.

Francois
Modifié par francoisch (04 Apr 2013 - 16:15)

Les navigateurs ne supportent pas tous les même formats (sinon ça ne serait pas drôle).

Tu trouveras plus d'explications là : http://www.html5rocks.com/en/tutorials/video/basics/ le tout premier exemple montre comment utiliser plusieurs fichier (le navigateur utilisera celui qui lui convient).

bonjour et merci de ta réponse.

J'avais entre temps progressé et je m'apprêtais à le dire ici; j'avais trouvé de nombreuses infos dans http://camendesign.com/code/video_for_everybody.

J'ai maintenant un code qui lit d'abord avec une balise <video> pour ceux qui supportent le Html 5, en flash pour les autres.

Simplement, j'ai dû convertir et charger en mp4 les fichiers que j'avais déjà en flv.

Ca marche naturellement aussi bien avec une balise <audio> pour les mp3.

Je vais aller visiter ton lien.

Merci encore.

Francois