Firefox ne joue pas .webm .ogv vidéos HTML5

J'ai préparé 3 formats vidéo pour mon site:

/assets/video/background-purple.ogg
/assets/video/background-purple.webm
/assets/video/background-purple.mp4

sur le site http://tekhy.net/

J'utilise <video> tag pour lire la vidéo:

<video webkit-playsinline autoplay="autoplay" loop="true" poster="/assets/video/transparent.png">
    <source src="/assets/video/background-purple.ogg" type="video/ogg">
    <source src="/assets/video/background-purple.mp4" type="video/mp4">
    <source src="/assets/video/background-purple.webm" type="video/webm">
</video>

Et j'ai placé le bon type mime pour mes vidéos en .htaccess:

AddType video/mp4 .mp4 .m4v
AddType video/webm .webm
AddType video/ogg .ogv .ogg

Dans Google Chrome et Chrome tout fonctionne bien sur Firefox Mobile fonctionne bien aussi. Sur Firefox Nightly 21.0 un fonctionne bien.
Mais sur Firefox 18.0.1 sur Elementary OS Luna, il ne fonctionnera pas.

Firebug me dit qu'il ne peut pas décoder les webm et ogg/ogv médias (mp4 n'est pas pris en charge par Firefox atm).

J'ai essayé aussi avec un arrière-plan pourpre.ogv type="video/ogv" mais le problème restera.

Ma vidéo webm est:

Google/On2 du VP8 Video (VP80)

Planar 4:2:0 YUV

Actuellement, je n'ai vraiment pas d'idée sur comment résoudre ce problème.
Toute suggestion?

InformationsquelleAutor Fez Vrasta | 2013-02-11
  1. 1

    Je crois que ce problème est lié à un bug provenant de tout le chemin jusqu'à FF 20, où une grande partie de la populaire webm encodeurs sont l'insertion d'horodatages négatifs et firefox ne peut pas lire la vidéo jusqu'à ce qu'il télécharge l'ensemble webm fichier:
    https://bugzilla.mozilla.org/show_bug.cgi?id=868797

    Le correctif qui est mentionné dans les commentaires:

    ffmpeg -i input.webm -codec copier -avoid_negative_ts 1 sortie.webm

    L'important indicateur de codage étant -avoid_negative_ts 1

    InformationsquelleAutor degenerate
  2. 0

    Semble que j'ai trouvé une solution:

    J'ai changé mon ogv codec VP8 pour Theora et maintenant Firefox pouvez lire la vidéo correctement.

    J'ai utilisé ce code pour la source:

    <source src="/assets/video/background-purple.ogv" type="video/ogg">

    Le type mime est:

    AddType video/ogg .ogv .ogg

    Et le codec est:

    Xiph.org's Theora Video (theo)

    Je suppose que ça pourrait fonctionner aussi pour .webm mais je n'ai pas testé.

    • Il y a un bug (bugzilla.mozilla.org/show_bug.cgi?id=868797) dans Firefox 20 et ci-dessous où il ne peut pas lire les fichiers webm avec des horodatages négatifs avant de télécharger l'ensemble du dossier. La solution est d'utiliser le ffmpeg drapeau: -avoid_negative_ts 1 comme mentionné sur la page du bug. Cela a fonctionné pour mes fichiers webm encoder avec Miro Video Converter et va sans doute résoudre votre problèmes.
    InformationsquelleAutor Fez Vrasta
  3. -1

    Chrome est un peu buggy avec la vidéo HTML5. Faire comme Fès, ou tout simplement l'utiliser .mp4 et .webm. WEBM est plus stable de google Chrome et vous avez seulement besoin de ces deux formats pour la compatibilité du navigateur. Cela permet également d'économiser du temps le rendu de vos vidéos!

    InformationsquelleAutor Timothy Ryan Carpenter