Meilleur format vidéo pour HTML5?

Question

J'ai une série de vidéos qui vont être affichées sur un nouveau site que je développe, en utilisant notre nouveau lecteur html5. Je sais que Firefox seul format .ogg supports, alors que la plupart des autres (y compris éventuellement IE9) H264 de soutien.

Je cherche à puiser dans l'expérience de la foule ici: quelqu'un at-il eu de chance avec un format vidéo unique à travers les navigateurs? Ou suis-je condamné à tout double encode? Il semble juste dommage de perdre de l'espace pour avoir deux copies de chaque vidéo parce que nous ne pouvons pas normaliser nos codecs.

Merci à l'avance!

PS (lecteur Flash n'est pas vraiment une option comme solution de repli, en partie sur le principe et en partie à cause d'un mobile assez grand userbase.)

Answer 1

D'après mon expérience personnelle avec HTML5 Video, je crée mp4, ogg et formats de fichiers flv, et utiliser la mise en œuvre suivante:

<video id="movie" width="" height="" preload controls>
   <source id="srcMp4" src="video.mp4" />
   <source id="srcOgg" src="video.ogg" />
   <object id="flowplayer" name="flowplayer" width="480" height="352" data="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" 
            type="application/x-shockwave-flash">
      <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" />
      <param name="allowfullscreen" value="true" />
      <param name="flashvars" 
    value='config={"clip":"http://domain.com/video.flv"}' />
   </object>
</video>

Le format MP4 est fourni d'abord, en raison d'un bug précédent iPad qui ne voit que la première source mentionnée.

Si le navigateur ne peut pas lire la version MP4, il tente de charger la version Ogg. Si cela échoue, il utilise Flowplayer (flash) comme solution de repli.

Je sais que vous êtes à la recherche d'une solution sans flash comme solution de repli, mais à mon avis, nous ne sommes pas encore là. Les gens utilisent encore IE6 pour pleurer à haute voix!

HTML5 vidéo est encore en gestation, et jusqu'à ce qu'il soit complètement stable sur tous les navigateurs et plates-formes, vous aurez besoin de fournir une « solution » pour différents scénarios.

Pour mobile, peut-être vous pouvez détecter l'User-Agent et aller de là ...

Hope this helps

Answer 2

Probablement WebM sinon Ogg. Les brevets de WebM sont la propriété de Google, mais ont été libérés de cela. Ogg est probablement OK, mais il y a des préoccupations. H.264 est un piège de brevet en attente de se produire.

Answer 3

Nous avons un problème assez similaire.

<video id="movie" width="320" height="240" preload controls src="demo.mp4" /> 

Nous utilisons le format h.264, que je suggère que vous devriez faire aussi bien, puisque vous avez une grande base d'utilisateurs mobiles (beaucoup d'iPhones, je suppose).

Cependant, WebM est le format ouvert pour les personnes principes;.) Je ne peux qu'espérer que MS et Apple soutiendront dans un proche avenir