SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 147 visiteurs en ce moment

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

Plugin vidéo HTML5

22 mai 2010 – par Pierre Rudloff – 19 commentaires

15 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.

Voir en ligne : http://plugins.spip.net/html5_video

Dernière modification de cette page le 11 juin 2012

Retour en haut de la page

Vos commentaires

  • Le 7 mars 2013 à 09:40, par robinson585 En réponse à : Plugin vidéo HTML5

    How about having Leawo HD Video Converter a try ? Much easier for you to use.It can help you to convert any video format you want, and it contains more funtion than you can imagine. Furthermore, it allows you to convert 2D HD video to 3D files, for playback on 3D TVs and more compatible 3D devices.http://www.leawo.com/hd-video-converter/

    Répondre à ce message

  • 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

  • Metas +

    3 décembre – commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Import ICS 2 (agenda distant)

    2 août – 35 commentaires

    La version 2 du plugin « import ICS » en reprend la principale fonctionnalité, à savoir l’ajout automatique d’évènements distants dans la liste des évènements d’un site. À la différence de la première version, elle ne dépend pas du plugin « Séminaire » et est (...)

  • Newsletters

    16 janvier 2013 – 374 commentaires

    Ce plugin permet de composer des Info-lettres. Par info-lettre, on désigne ici le contenu éditorial qui va être composé et envoyé par courriel à une liste d’inscrits. Le plugin permet de composer une info-lettre à partir d’un modèle pré-composé, (...)

  • CKeditor 3.0

    4 octobre 2009 – 1217 commentaires

    CKeditor est l’évolution de l’éditeur WYSIWYG : FCKeditor, avec ce plugin vous pourrez utiliser cet éditeur à la place de l’éditeur de spip tout en laissant le choix à vos auteurs de l’éditeur qu’ils préfèrent utiliser. Attention : cet éditeur WYSIWYG (...)

  • GIS 4

    11 août 2012 – 1284 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

Ça spipe par là