La meilleure vidéo format HTML5?

J'ai une série de vidéos qui vont être affichés sur un nouveau site que je suis en développement, à l'aide de notre nouveau lecteur html5. Je sais que Firefox prend uniquement en charge .ogg format, alors que la plupart des autres (y compris, éventuellement, IE9) support h264.

Je suis à la recherche de puiser dans l'expérience de la foule ici: personne n'a jamais eu de chance avec un seul format vidéo sur tous les navigateurs? Ou suis-je condamné à double-encoder tout? Il semble juste une honte de gaspiller de l'espace sur le fait d'avoir deux copies de chaque vidéo, car on ne peut pas standardiser nos codecs.

Merci d'avance!

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

  • À regret, mais il n'y a pas de norme unique, en ce moment; toutefois WebM (webmproject.org) est l'un des meilleurs candidats (Firefox 4 supporte déjà ainsi que l'Opéra n'). Tenant compte du fait qu'il est soutenu par Google, il a une chance.
  • Non, Firefox n'est PAS le seul à supporter OGG et il est pris en charge dans Chrome et Opera, trop. Seul Safari et IE n'en ont pas.
InformationsquelleAutor CodeMoose | 2010-11-29
  1. 24

    À partir de mon expérience personnelle avec la Vidéo HTML5, j'ai créer, mp4, ogg, flv et les formats de fichier, et l'utilisation de la mise en œuvre suivants:

    <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 fournie en premier lieu, en raison d'un bug précédent dans l'iPad qui ne voit que la première source répertoriée.

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

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

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

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

    Espère que cette aide

    • OV Web, merci de fournir cette. Est-ce limité pour les gens avec IE9 (c'est à dire IE8 ne fonctionne pas car il ne prend pas en charge HTML5)?
    • IE8 ne prend pas en charge HTML5, y compris la <video> élément. Pour ajouter le support, vous pouvez utiliser un HTML5 shim: github.com/aFarkas/html5shiv/blob/master/src/html5shiv.js
    InformationsquelleAutor OV Web Solutions
  2. 3

    Probablement WebM si pas Ogg. WebM brevets sont détenus par Google, mais ont été libérés à partir de cela. Ogg est probablement OK, mais il ya des préoccupations. H. 264 est un brevet piège en attente de se produire.

    • H. 264, la licence est négocié par le consortium MPEG la de Groupe (mpegla.com/main). Ils ont prolongé la licence jusqu'à la fin de 2015. Vous lire à ce sujet ici: webmonkey.com/2010/08/...
    • Encore brevets encombré et pas toujours libre d'utiliser.
    InformationsquelleAutor Rob
  3. 2

    Nous avons un peu le même problème.

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

    Nous utilisons les h.264 format, je suggère que vous devriez faire ainsi car vous avez un grand mobile userbase (beaucoup d'iPhones, je suppose).

    Cependant, WebM est un format ouvert pour les personnes avec des principes 😉 je ne peux qu'espérer MS et Apple vous soutenir dans l'avenir proche.

    • dev.innovationfactory.de l'ue, le Lien est mort, en fait, l'ensemble du domaine semble avoir disparu.
    • Merci, la société n'existe plus. J'ai supprimé le lien.
    InformationsquelleAutor lafeber