• News
  • Fonctionnalités
  • Official Users
  • Motionmakers
  • Presse
  • Facebook
  • Twitter
  • S'inscrire RSS
Dailymotion's Tower

Fonctionnalités 06 octobre 2008

Le successeur du Jukebox est là : le VideoZap

Partager sur Tumblr

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 ;)

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 ;)

Laisser un commentaire Annuler la réponse.

*

*

23 commentaire(s)

  1. Max of S2D

    DO WANT.

    Merci énormément :D

    06 octobre 2008

    Répondre
  2. StellaUngarica

    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

    07 octobre 2008

    Répondre
  3. toto

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

    07 octobre 2008

    Répondre
  4. toto

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

    07 octobre 2008

    Répondre
  5. Pierre-Yves

    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.

    07 octobre 2008

    Répondre
  6. sabrina

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

    09 octobre 2008

    Répondre
  7. dipoun57

    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

    21 octobre 2008

    Répondre
  8. Pierre

    @dipoun57 : non ce n’est pas possible.

    21 octobre 2008

    Répondre
  9. dipoun57

    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.

    21 octobre 2008

    Répondre
  10. Pierre

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

    21 octobre 2008

    Répondre
  11. dipoun57

    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 !

    23 octobre 2008

    Répondre
  12. Pierre

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

    23 octobre 2008

    Répondre
  13. SylR69

    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.

    24 octobre 2008

    Répondre
  14. Roland

    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?

    09 novembre 2008

    Répondre
  15. zulii3-x

    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

    13 novembre 2008

    Répondre
  16. Pierre

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

    06 décembre 2008

    Répondre
  17. julie

    c est quoi entre une URL

    07 décembre 2008

    Répondre
  18. julie

    c est quoi une URL et personnaliser votre URL,?

    07 décembre 2008

    Répondre
  19. julie

    PAS DE REPONSE MERCIE

    07 décembre 2008

    Répondre
  20. Missln

    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

    08 décembre 2008

    Répondre
  21. Pierre

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

    09 décembre 2008

    Répondre
  22. yann

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

    10 décembre 2008

    Répondre
  23. lecuix

    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?

    22 mars 2009

    Répondre

Article précédent

Article suivant

Buzz

plus de vidéos buzz

Rejoignez-nous

Twitter Facebook
Logo : Dailymotion

Dailymotion on Twitter

Follow @Dailymotion

Warning: file_get_contents(http://twitter.com/statuses/user_timeline/dailymotion.xml?count=1) [function.file-get-contents]: failed to open stream: HTTP request failed! HTTP/1.0 404 Not Found in /space/www/blog.dailymotion.com/data/htdocs/wp-content/themes/dailymotion-blog/sidebar.php on line 59

Warning: file_put_contents(/space/www/blog.dailymotion.com/data/htdocs/wp-content/cache/twitter.xml) [function.file-put-contents]: failed to open stream: Permission denied in /space/www/blog.dailymotion.com/data/htdocs/wp-content/themes/dailymotion-blog/sidebar.php on line 61

Notice: Trying to get property of non-object in /space/www/blog.dailymotion.com/data/htdocs/wp-content/themes/dailymotion-blog/sidebar.php on line 65

Warning: Invalid argument supplied for foreach() in /space/www/blog.dailymotion.com/data/htdocs/wp-content/themes/dailymotion-blog/sidebar.php on line 65

Suggestions

  • Fonctionnalités

    Dailymotion Le Talent au Quotidien : #13 Quentin Dumas

    11 avril 2013

  • Fonctionnalités

    Découvrez dès aujourd’hui la nouvelle version de l’application Dailymotion sur iPhone et iPad

    12 mars 2013

  • Fonctionnalités

    Changement de paramètres d’affichage du nom d’utilisateur

    05 mars 2013

  • Fonctionnalités

    Associez vos comptes Twitter et Dailymotion

    04 mars 2013

Recent comments :

  • 19 September 2012

    LinkOsa sur « Dailymotion accueille Flattr ! » dit :

    Pour l'instant ça ne m’intéresse pas mais l'idée est bonne :) (Au passage, merci d'avoir retiré le système de forum sur les profils, plus personne ne laissais des commentaires à cause de ça ^^')

  • 19 July 2012

    LinkOsa sur « Dailymotion accueille Flattr ! » dit :

    Hello, ça n'a rien avec avec cette fonctionnalité mais... C'est moi ou les vidéos sont mise en SD à chaque fois que j'en regarde une ? Avant elles était direct en HQ, mais si maintenant faut à chaque fois le sélectionner quand on regarde une vidéo ça va vite devenir chiant :S

Abonnez-vous à nos newsletters depuis votre compte

Archives :

  • mai 2013
  • avril 2013
  • mars 2013
  • février 2013
  • janvier 2013
  • décembre 2012
  • 2013
  • 2012
  • 2011
  • 2010
  • 2009
  • 2008
  • 2007
  • 2006
  • 2005

Le Blog de Dailymotion est fièrement proposé par WordPress

Icon : English Flag Visit our US blog