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

News 26 août 2011

Faites un player à vos couleurs !

Partager sur Tumblr

Si vous voulez plus d’informations, la suite est pour vous ;)

Pour intégrer une vidéo, il suffit de vous rendre sur le site Dailymotion.com et de choisir une vidéo. Sous le lecteur vidéo cliquez sur le bouton </> Code embed. Une fenêtre s’ouvre pour personnaliser votre lecteur :

blog_cb_copie

Dans cette fenêtre vous personnalisez votre lecteur au niveau de la taille, des différentes couleurs qui le composent ainsi que des multiples autres possibilités.

Plus en détail :

1. Choisissez la taille. 

Vous avez le choix entre trois tailles prédéfinies : 

  • Petit – 320 x 180px
  • Moyen – 480 x 270px
  • Grand – 560 x 315px

Vous pouvez aussi choisir une taille personnalisée. Si vous voulez intégrer le lecteur sur la largeur de votre blog choississez la bonne dimension.

2. Choississez les couleurs.

Pour vous facilitez le choix des couleurs Dailymotion met à votre disposition 7 thèmes prédéfinis :

  • Pink paradise : si vous aimez le rose flashi
  • Denim : pour un bleu claire reposant
  • Cappucino : What else ?
  • Printemps : pour un vert pomme de saison
  • Harris : pour un style totalement déjanté
  • Slayer : pour un rouge pétant
  • Dark : pour le côté obscur de la force

Pour aller encore plus loin vous pouvez choisir vos propres couleurs au “Premier plan“, au plan “Secondaire” et à “l’Arrière plan” :

  • La couleur “Premier plan” correspond à la couleur des logo présents dans les boutons du lecteur.
  • La couleur “Secondaire” est la couleur de la barre de d’avancement de la vidéo et des boutons du player au passage de la souris.
  • La couleur “Arrière plan” est la couleur la plus visible du lecteur. C’est la couleur de la barre de lecture et des boutons intégrés dans le lecteur.

Voici en détail les emplacements des différentes couleurs :

article_blog

3. Autres paramètres

Lorsque votre vidéo n’est pas encore lancée, l’apparence de votre lecteur est tout aussi importante.

Pour cela vous pouvez :

  • Cacher les informations dans la page. Cela vous permet de supprimer les différents liens sous votre lecteur.
  • Cacher les informations dans le lecteur. Il n’y a que le bouton de lecture qui est affiché.
  • Ajouter du texte sur votre lecteur dans la partie “Intro”, “Titre” et “Résumé”. 
  • Vous pouvez également choisir à quel moment commence votre vidéo en définissant la minute et la seconde ou encore faire démarrer votre vidéo automatiquement.

Voilà, une fois, la taille, les couleurs et les autres paramètres sont bien choisis vous n’avez plus qu’à copier le code embed qui se situe sous le lecteur vidéo et le coller dans votre fenètre HTML.

Pour bien finir voici un exemple qui reprend l’intégralité de ce que nous avons vu tout au long de cet article. Voici une vidéo avec une taille personnalisée de 450px avec les couleurs que nous avons pris le soin de choisir. Nous avons caché les informations dans la page et dans le lecteur tout en y insérant du texte. De plus la vidéo commence à 1 minute 30. Maintenant c’est à vous de jouer !

Laisser un commentaire Annuler la réponse.

*

*

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 400 Bad Request 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

  • News

    LIVE : le PSG fête son titre à partir de 17h30.

    13 mai 2013

  • News

    LIVE FISE WORLD MONTPELLIER

    07 mai 2013

  • News

    SPORT : les diffusions live du Week-end

    03 mai 2013

  • escrime

    News

    LIVE ESCRIME : Challenge Réseau Ferré de France 2013

    02 mai 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