Forum Programmation.web [Résolu] Problème de publication video webm / lecture avec firefox

Posté par  .
Étiquettes :
0
27
nov.
2012

Bonjour.

Je chercher à afficher des videos dans une balise <video> et firefox récalcitre à les lire.

Je les ai encodées en .webm avec ffmpeg et j'ai créé la page HTML qui va avec.

    <!DOCTYPE html>
    <html>
    <body>

    <video id="movie" width="640" height="360" controls preload>
      <source src="big_buck_bunny.webm" type="video/webm; codecs=vp8, vorbis" />
      </object>
    </video>
    <br/>

    <video id="movie" width="640" height="360" controls preload>
      <source src="sample.webm" type="video/webm; codecs=vp8, vorbis" />
      </object>

    </video>
    <br/>

    </body>
    </html>

Voici un exemple avec une video que j'ai encodée et une autre prise sur le net (extrait Bick Buck Bunny).

Firefox (plus exactement iceweasel 10) peut lire les videos, mais elles ne s'affichent pas dans la page de test.

Avec Midori, ça fonctionne.

Beaucoup de messages sur les forums traitent d'un problème de type mime. J'ai ajouté le .htaccess qui va bien :

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

(J'ai essayé avec et sans la ligne "DefaultType video/webm".)

et quand je fais la manip indiquée ici avec telnet, j'ai bien

Content-Type: video/webm

donc je pense que le type mime ne devrait pas être le problème. (J'ai aussi vidé le cache et relancé le navigateur.)

Y a-t-il quelque chose que j'ai fait de travers ?

Merci pour vos lumières.

Au passage, un lien assez complet sur la question : http://diveintohtml5.info/video.html

  • # Un site utile

    Posté par  . Évalué à 1. Dernière modification le 27 novembre 2012 à 08:37.

    Je sais que cela ne fait pas tout, mais il y a un site que j'avais trouvé et que je tiens à partager qui compare les lecteurs de vidéo HTML5:

    http://praegnanz.de/html5video/

    Une fonctionnalité intéressante est que l'on peut tester les lecteurs avec ses propres vidéos (formulaire en bas de la page). Chez moi ça marche avec le bunny, donc le problème est vraisemblablement ailleurs…

  • # Commentaire supprimé

    Posté par  . Évalué à 5. Dernière modification le 27 novembre 2012 à 12:00.

    Ce commentaire a été supprimé par l’équipe de modération.

    • [^] # Commentaire supprimé

      Posté par  . Évalué à 3. Dernière modification le 27 novembre 2012 à 09:44.

      Ce commentaire a été supprimé par l’équipe de modération.

    • [^] # Re: Code HTML

      Posté par  . Évalué à 1.

      J'ai teste avec le code ci-dessus et ca marche.

      Ce qui fait la différence c'est '; codecs=vp8, vorbis' qui n'est pas supporté dans firefox.

      • [^] # Re: Code HTML

        Posté par  . Évalué à 1.

        En effet, ça marche.

        Merci beaucoup !

        Alors

        1 - Désolé pour le code crade. En général je suis plutôt pointilleux mais il était déjà fort tard et j'ai vite fait créé cette page de test pour présenter le problème, avec la fatigue, ça ne m'a pas sauté aux yeux (fermés).

        2 - C'est effectivement '; codecs=vp8, vorbis' qui pose problème, et je ne comprends pas parce qu'il me semble bien que c'est le contenu de ma video.

        D'après vlc :

        Type : Video
        Codec : Google/On's VP8 Video (VP80)
        
        Type : Audio
        Codec : Vorbis Audio (vorb)
        
        

        Ma ligne était inspirée de Dive into HTML5

        <source src="pr6.webm" type="video/webm; codecs=vp8, vorbis" />
        
        

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.