Le successeur du Jukebox est là : le VideoZap

L’année dernière nous avions sorti Videowall. Vous avez prouvé que vous appréciez particulièrement cet outil. Certains d’entre vous nous ont suggéré qu’il serait utile de pouvoir directement contrôler un lecteur vidéo avec celui-ci. Nous ne pouvions être que d’accord.

Pour créer un Videozap :

  1. Rendez vous sur la page de création d’un Videozap,
  2. Sélectionnez ou définissez la liste de vidéos que vous souhaitez afficher dans le Videozap,
  3. Choisissez vos options dans le panel de droite,
  4. Cliquez sur le bouton “Générez le code”,
  5. Copiez le code qui apparaît au dessus de votre Videozap.

Vous n’avez plus qu’à coller le code où vous le souhaitez sur votre site ou blog, tout en gardant à l’esprit que celui-ci doit supporter les iframes.

Nous apprécions particulièrement cette fonctionnalité qui donne tout son sens au Videowall et espérons qu’il en sera de même pour vous.

Pour les utilisateurs confirmés, il est possible de personnaliser l’apparence d’un Videozap en utilisant l’option “URL de personnalisation”. Celle-ci vous permet d’entrer l’URL absolue d’une feuille de style pour surcharger celle définie par défaut (example : http:///.css).

Il devient alors possible de changer les positions et les tailles des éléments comme on le souhaite, de modifier les couleurs, les marges, les bordures, etc.

Pour connaître les éléments que vous pouvez surcharger il vous suffit d’afficher le code source de l’iframe (clic droit et “Code source de la page” dans le menu contextuel disponible dans la plupart des navigateurs).

Voici les principaux éléments personnalisables :

* #wall_container : l’élément <div> qui contient la télécommande
* #player_container : l’élément <div> qui contient le lecteur vidéo
* #play_button : l’élément <a> qui contient le bouton “lecture” affiché au dessus de la prévisualisation initiale
* .thumbnail : la classe de l’élément <img> contenant la prévisualisation initiale.

Enjoy ;)

23 commentaires pour “Le successeur du Jukebox est là : le VideoZap”

  1. Max of S2D dit :

    DO WANT.

    Merci énormément :D

  2. StellaUngarica dit :

    C’est génial, je viens d’essayer sur mon blog, ça marche très bien. Je regrette une seule chose :
    Il semble que le lecteur puisse être personnalisable, mais aucune explication à ce sujet >> que veut dire la case à remplir
    >> URL de personnalisation : << ???
    Merci de me répondre

  3. toto dit :

    Ce video zap est génial, parfait, d’ailleurs, j’ai vu que l’ump l’utilisait déjà…!

  4. toto dit :

    c’est génial, ça marche très bien et en plus, l’UMP l’utilise dèjà….!

  5. Pierre-Yves dit :

    Le billet a été complété pour expliquer l’utilisation du champ “URL de personnalisation”. Un entrée sera bientôt disponible dans la FAQ.

  6. sabrina dit :

    sa déchir grave. bon courage a vous tous. bisou.sabrina

  7. dipoun57 dit :

    Je sais que cette interogation n’entre pas dans le champs de ce billet. Mais j’ai envoyé plusieurs mails en contactant le support daiymotion, sans réponse à cejour. Ce que je peux aisément comprendre, étant donné l’affluence du site !

    MA QUESTION EST LA SUIVANTE : est-il possible de conserver le plein écran lors de la lecture d’une vidéo à une autre lors d’une playlist ? J’ai regardé dans les FAQ, mais nothings !

    MERCI A TOUTES ET TOUS POUR VOTRE REPONSE

    dipoun57

  8. Pierre dit :

    @dipoun57 : non ce n’est pas possible.

  9. dipoun57 dit :

    Merci PIERRE. Mais pourquoi les équipes de dailymotion ne veulent pas travailler à l’émergence d’une telle fonctionnalité. Trouveriez-vous utile une telle fonction ? Merci à tous de prendre sur votre précieux temps pour me répondre.

  10. Pierre dit :

    Rassure toi on y a déja pensé. C’est complexe et long à développer. Voila tout :)

  11. dipoun57 dit :

    Merci pour ton dévouement PIERRE. Je ne savais pas que tu étais développeur chez dailymotion. Respect pour ton et votre travail. Votre plateforme est superbe !!! j’adooooooooooooooooooooore !

  12. Pierre dit :

    De rien (je ne suis pas développeur mais Chef de produit) ^^.

  13. SylR69 dit :

    Je suis fan de ce videozap, mais j’ai remarqué que depuis quelque temps le code html ne donne plus de redirection… Ca vien peut être de moi. Sinon je me demandais comment fair pour changer le fond de couleur. Il est actuellement blanc et je souhaiterai le passer en noir. Bref du beau travail.

  14. Roland dit :

    Le fond de couleur.
    Il y a maintenant dans le “body” du page qui vient dans l’IFRAME::
    body
    {
    margin: 0px;
    padding: 0px;
    }
    N’est-il pas possible de changer ç a dans:
    body
    {
    margin: 0px;
    padding: 0px;
    bacground-color: transparent;
    }

    A ce moment le fond de couleur de l’Iframe peut recevoir la couleur du page de l’utilisateur. Ce n’est pas tellement compliqué pour Dailymotion?

  15. zulii3-x dit :

    J’aimerais mettre le vidéozap sur mon blog, qui est sur skyrock. J’aimerais si c’est possible et si oui comment? Ce serait gentil de me répondre!
    Merci

  16. Pierre dit :

    Ca serait super si on pouvait fournir en paramètre la liste des vidéos à lire dans le player…

  17. julie dit :

    c est quoi entre une URL

  18. julie dit :

    c est quoi une URL et personnaliser votre URL,?

  19. julie dit :

    PAS DE REPONSE MERCIE

  20. Missln dit :

    Salut à tous
    Le jour où je comprendrai comment insérer daily motion sur mon blog, je seraidéjà bien contente…… alors pour le reste
    Je dois être trop nulle! Bye

  21. Pierre dit :

    @Julie Lis les commentaires précédents. C’est expliqué.

  22. yann dit :

    il faut le coller ou ?
    je suis peut etre con mais je ne trouve pas d endroit ou le coller sur mon blog?

  23. lecuix dit :

    super, mais on ne peut pas publier ni de JukeBox ni de VideoWall sur un blog WordPress de base. Comment peut-on publier un VideoWall sur une page WordPress?

Laisser un commentaire