SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

273 Plugins, 191 contribs sur SPIP-Zone, 134 visiteurs en ce moment

Accueil du site > Affichage multimédia > Audio, vidéo > Vidéo HTML 5 > Plugin vidéo HTML5

Plugin vidéo HTML5

22 mai 2010 – par Pierre Rudloff – 18 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

14 votes

Note : Ce plugin n’est plus mis à jour ! Vous devriez utiliser ce plugin à la place.

Les avantages ?

Avec un navigateur récent (Firefox 3.6 par exemple), il n’y a plus besoin de plugin propriétaire (Flash, Quicktime) pour lire la vidéo, elle est lue directement par le navigateur.

Les inconvénients ?

Chaque navigateur lit un format différent (MP4 ou Ogg généralement), ce qui oblige à encoder chaque vidéo deux fois.
Plus d’informations sur les formats gérés par les navigateurs (en anglais)

Pourquoi ce plugin alors ?

Pour promouvoir HTML5, qui est une technologie libre contrairement à Flash.

Utilisation

Ajoutez simplement votre vidéo à l’article puis mettez <videoX> (X étant l’ID de la vidéo) là ou vous voulez que la vidéo s’affiche.
Pour ajouter la vidéo dans un deuxième format, vous pouvez utiliser <videoX|alt=Y> (Y étant l’ID de la vidéo dans un autre format). Le navigateur sélectionnera alors le format qui lui convient.
Note : si on affiche la page avec un vieux navigateur qui ne gère pas HTML5, un lecteur en Flash s’affiche et lit la vidéo X. Il faut que cette vidéo soit en MP4 (ou FLV). C’est pourquoi, la méthode conseillée est <videoX|alt=Y> avec X en MP4 et Y en Ogg.

Remarques

Il faut impérativement spécifier la taille de la vidéo dans l’espace privé, sinon le lecteur s’affichera avec une taille de 0x0 !
Si vous ajoutez une vignette à la vidéo dans l’espace privé, elle s’affichera pendant le chargement ou si la vidéo n’est pas trouvée.

Retour en haut de la page

Vos commentaires

  • Le 22 mai 2010 à 17:02, par KMk En réponse à : Plugin vidéo HTML5

    Bonjour, Pierre,

    On se retrouve...
    J’ai fait les tests suivants avec windows XP :

    • Safari : le son sans l’image
    • Opéra : rien
    • IE (7 je crois) : le son sans l’image
    • Chrome : OK
    • Firefox : un cadre gris avec une croix apparaît, sans possibilité de lire.

    Quand on recalcule, un message de bug signale une erreur dans le squelette : filtre fichier non défini.

    Voilà pour les tests. Je suis de près la suite de l’aventure !
    Bonne continuation,
    KMk.

    • Le 22 mai 2010 à 18:05, par Pierre Rudloff En réponse à : Plugin vidéo HTML5

      Si vous utilisez toujours la vidéo que vous m’avez envoyé, elle semble mal encodée.
      Je l’ai réencodée avec ffmpeg2theora et maintenant le son se lit.

      Pour le filtre fichier par contre, je ne comprends pas, il existe bel et bien pourtant (cf http://www.spip.net/fr_article4290.html). D’ailleurs, cette erreur n’apparait pas chez moi.

    • Le 22 mai 2010 à 19:00, par KMk En réponse à : Plugin vidéo HTML5

      Bonjour, Pierre,

      Oui, effectivement, j’utilise toujours mon sous-marin. Je n’y entends pas grand chose en codec et autres subtilités... j’ai converti mon fichier vidéo en .mp4 et en .ogg à partir de ce site : http://w7.media-convert.com/convertir/, et suivi votre méthode du fichier alternatif.

      Je n’arrive pas à utiliser le logiciel Super pour convertir mes fichiers vidéo, jusqu’à maintenant, cela ne posait pas de problème (en .flv). Avez-vous un autre utilitaire à me recommander (ffmpeg2theora ne fait qu’ouvrir et fermer une console sous windows xp) ?

      Moi non plus, je ne comprends pas tout : j’avais également lu le fichier video.html en question sans trouver d’anomalie...

      À suivre...
      KMk.

    • Le 22 mai 2010 à 20:04, par Pierre Rudloff En réponse à : Plugin vidéo HTML5

      Je n’utilise pas Windows, donc je ne peux pas trop vous aider.
      ffmpeg2theora s’utilise avec la console comme expliqué ici, mais si vous n’avez pas l’habitude de ce genre de chose, laissez tomber.
      Sinon vous pouvez essayer WinFF.

    • Le 23 mai 2010 à 01:44, par KMk En réponse à : Plugin vidéo HTML5

      Bonjour, Pierre,

      • J’ai installé WinFF : il ne convertit que les fichiers sons en .ogg, pas les fichiers vidéos. Mes deux fichiers vidéos .ogg et .mp4, sur VLC, sont lisibles, avec images et son.
      • Si j’ai bien compris, en fonction des navigateurs, ce n’est pas le même fichier qui va être retenu... Pour aller plus loin, voilà ce que j’obtiens :
      fichier .mp4 fichier .ogg ni l’un, ni l’autre
      Safari : le son sans l’image
      Opéra : rien
      IE (7 je crois) : le son sans l’image
      Chrome : OK
      Firefox : un cadre gris avec une croix apparaît, sans possibilité de lire.

      Ce serait donc le fichier .mp4 dont le codec serait inapproprié ? Ce qui ne règle pas le problème de firefox...

      À suivre...
      KMk.

    • Le 23 mai 2010 à 02:23, par michel En réponse à : Plugin vidéo HTML5

      Pour ceux qui rament en conversion , je conseille http://www.mirovideoconverter.com/ qui utilise ffmpeg et ffmpeg2theora

    • Le 23 mai 2010 à 11:28, par Pierre Rudloff En réponse à : Plugin vidéo HTML5

      Il ne suffit pas que le fichier soit en MP4, il faut absolument utiliser le codec H.264. Ca vient peut être de là.
      Pour Firefox/Opéra, c’est sûrement encore et toujours le bug des types MIME de Spip.

    • Le 23 mai 2010 à 16:48, par KMk En réponse à : Plugin vidéo HTML5

      Bonjour, Pierre,

      La précision avait effectivement son importance ! Les problèmes avec le fichier .mp4 sont effectivement résolus avec un encodage H.264, et WinFF opère très bien cette conversion. Je suis contente d’avoir persévéré !

      Faut-il attendre spip 2.2 pour s’assurer de la compatibilité avec les principaux navigateurs ou y a-t-il un moyen de corriger ce dysfonctionnement dès maintenant ?

      En tout cas, merci pour ces éclairages sur les formats vidéo et les codecs... On apprend à tout âge !

      Bonne continuation,

      KMk.

    • Le 23 mai 2010 à 20:33, par Pierre Rudloff En réponse à : Plugin vidéo HTML5

      Bonjour,
      Oui, il faudrait attendre la prochaine version de SPIP (2.2 ou 2.1.1, je ne sais pas), elle devrait corriger ce problème.
      En attendant, vous pouvez essayer de modifier le fichier modeles/video.html du plugin et d’indiquer manuellement les types MIME.
      Pour cela, remplacez #MIME_TYPE par le type MIME de votre vidéo ("video/ogg" pour Ogg et « video/mp4 » pour MP4).
      Vous pouvez aussi essayer de renommer votre vidéo en .oga.
      Mais je ne garantis pas que ces solutions fonctionneront.

    • Le 20 avril 2011 à 17:03, par Sandrine Bal En réponse à : Plugin vidéo HTML5

      Testé à l’instant WinFF, c’est top  ;)

    Répondre à ce message

  • Le 7 octobre 2010 à 11:46, par freechelmi En réponse à : Plugin vidéo HTML5

    Bonjour , savez vous ce qui pourrait bloquer pour le faire fonctionner en 2.0.X ?

    • Le 7 octobre 2010 à 11:50, par Pierre Rudloff En réponse à : Plugin vidéo HTML5

      Euh, je ne l’ai jamais testé avec la 2.0.
      Vous pouvez préciser ?

    • Le 10 octobre 2010 à 18:14, par freechelmi En réponse à : Plugin vidéo HTML5

      Salut je test enfin sur une 2.0 .Il y a plusieurs problèmes a mon avis pas specifique a la 2.0

      -  deja j’ai patché typedoc.php pour le problème des ogv.
      -  Le mimetype que spip donne pourles fichier .mp4 est application/mp4 , il me semble que les navigateurs HTML5 attendent plutot video/mp4 ?
      -  La vignette étant utilisé comme poster et faisant juste quelques pixels de hauteur , il est du coup impossible de demarré la video meme en ayant specifié 320x240 dansles proprietés de la video.

    • Le 11 octobre 2010 à 00:10, par Pierre Rudloff En réponse à : Plugin vidéo HTML5

      Oui, Firefox a à priori besoin de « video/mp4 » comme type MIME, les autres navigateurs semblent être plus tolérants.
      Pour la vignette, je n’ai jamais eu de problème (la plupart des navigateurs ont une taille de lecteur minimum). Vous utilisez quel navigateur ?

    Répondre à ce message

  • Le 9 octobre 2010 à 16:58, par André En réponse à : Plugin vidéo HTML5

    Je me demande si c’est si compliqué de faire un plugin avec une option qui génère le code à copier pour coller la vidéo dans un site externe.. (genre youtube etc..) ça manque terriblement, je trouve...

    Merci pour tout
    André

    Répondre à ce message

  • Le 7 octobre 2010 à 15:15, par 1138 En réponse à : Plugin vidéo HTML5

    Dommage que JW Player soit en CC by-nc-sa. Surtout le nc : ça empêche de l’utiliser pour vendre la solution à un client ou pour un site commercial (ne serait-ce qu’avec les pubs Google). C’est également incompatible avec la GPL. :-(

    • Le 7 octobre 2010 à 18:22, par Pierre Rudloff En réponse à : Plugin vidéo HTML5

      J’ai pris JW Player parce que je le connaissais mais le principe doit être très facilement applicable à un autre lecteur Flash. Et il doit bien en exister sous LGPL, non ?

    Répondre à ce message

  • Le 23 mai 2010 à 02:00, par michel En réponse à : Plugin vidéo HTML5

    Merci c’est grosso modo ce que je voulais faire , sans vraiment y arriver :-) .

    très bonne idée d’avoir repris le travail sur v4e

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d'abord sur gravatar.com (gratuit et indolore) et n'oubliez pas d'indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Brownygreen

    3 février – <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un thème simple de couleur marron et vert, en largeur fixe, constitué de 2 colonnes avec une en-tête facilement personnalisable. Présentation Adaptation de Versatility par E-cosystems. Si vous utilisez le plugin Menus, une navigation principale (...)

  • Corbeille

    2 novembre 2008 – 27 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un plugin pour retrouver les éléments supprimés dans la corbeille.

  • Formulaire de contact libre

    27 avril 2011 – 35 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Dans SPIP il n’y a pas un formulaire de contact, mais autant de formulaires de contact que d’auteurs. Cette phrase de Romy, dans son article Une page de contact dans mon SPIP, pointe un petit manque de SPIP. La possibilité d’insérer rapidement un (...)

  • Typographie avancée

    3 mars 2010 – <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    « Typographie avancée » active automatiquement un grand nombre d’automatismes destinés à affiner la typographie des textes produits par SPIP. Nécessite PHP 5 au minimum. « Typographie avancée » est l’adaptation, pour SPIP, de la classe « PHP Typography », (...)

  • Plugin Convertisseur

    24 février 2008 – 15 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Convertit différents formats d’articles (wiki, docx, pdf, etc..). en format SPIP (texte avec les raccourcis typographiques SPIP)