Dailymotion

10 février 2011

Comment intégrer une vidéo Dailymotion sur votre blog ?

Savez-vous qu'il est possible d'intégrer facilement des vidéos Dailymotion sur votre blog ? Regardez cette vidéo didacticielle qui va vous expliquer comment procéder.

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 Exporter. Un code HTML s'affiche pour le recopier sur votre site, mais vous pouvez aussi personnaliser votre lecteur en cliquant sur "Plus d'Options" : 

dailymotion

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

2. Choississez les couleurs.

Pour vous facilitez le choix des couleurs Dailymotion met à votre disposition une palette de couleurs.

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é.
  • 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 680px 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 !

Commentaires

    Très bien fait ce tuto, merci!!

    Posté par Claramints, 16 mars 2011 à 07:13
  • je me suis permis....

    bonjour, je me suis permis de mettre un lien vers votre blog, ça servira au canalbloggeurs!
    Si cela vous dérange, je le vire! @+
    http://peterpetrelli.canalblog.com/archives/2011/03/19/20668054.html

    Posté par peter, 19 mars 2011 à 07:22
  • @Peter

    Pas de souci, au contraire, ça nous fait plaisir

    Posté par Melyonen, 30 mars 2011 à 11:07
  • related videos

    Bonjour,

    J'ai bien suivi tout le processus et ça fonctionne pour insérer une video sur mon site (pas encore en ligne, en prépa sur iweb). Un seul petit problème à la fin de la vidéo, s'affichent des liens vers d'autres videos du site et je voudrais les supprimer... Comment fait-on ? Cela a l'air possible sur les videos Youtube mais qu'en est-il des videos Dailymotion ? Que faut-il manipuler dans le HTML Snippet ?
    Merci d'avance de votre aide...

    Posté par Ysé, 07 avril 2011 à 12:33
  • @Ysé

    Il n'est actuellement pas possible de retirer les liens vers d'autres contenus de Dailymotion à la fin de la vidéo.

    Posté par Melyonen, 05 mai 2011 à 15:03
  • Besoin d'aide

    Bonjour,
    Je viens vous demander de l'aide pour pouvoir intégrer une video de Youtube. J'ai essayé et ce fut impossible. Je voudrais bien installer une de daily motion, mais elle n'existe pas encore. Alors, comment je fais?

    Je vous remercie d'avance.

    PS : très bon blog
    Mafalda101

    Posté par Mafalda101, 28 novembre 2011 à 13:28
  • @Mafalda101

    Pour insérer une vidéo Youtube, allez dans votre éditeur de message CanalBlog, puis cliquez sur "HTML".
    Récupérez le lien embed (ou d'intégration) de votre vidéo (sous la vidéo sur Youtube, via l'onglet partage), et copiez-le dans l'encart HTML de votre message CanalBlog.
    Validez, et vous verrez le rectangle jaune signalant qu'il y a là une vidéo.

    Posté par Melyonen, 29 novembre 2011 à 12:28
  • @Melyonen = Merci !

    C' génial, ça a marché. Merci beaucoup !

    Posté par Mafalda101, 08 décembre 2011 à 15:18
  • Super cool

    Merci pour ces informations très détaillées. Grâce à vous j'ai enfin réussi à intégrer des vidéos dans mon site. Merci

    Posté par Jean T, 02 janvier 2012 à 17:26
  • Merci pour ce tuto, je viens ainsi de mettre ma petite vidéo du week-end.

    Posté par Minicecile, 20 mars 2012 à 11:26
  • intégration sans lien en fin de vidéo

    Bonjour,

    J'aimerais intégrer une vidéo de dailymotion mais je ne veux pas que d'autres liens s'affichent à la fin de la lecture. Sauriez-vous comment faire ?

    Bien cordialement,

    Clément D.
    (@Menklune)

    Posté par ClementD., 06 avril 2012 à 14:22
  • @ClementD.

    Quand vous intégrez une vidéo sur votre blog CanalBlog, vous avez un rectangle jaune qui apparaît sur votre éditeur de message. Dans la barre d'édition, cliquez sur "HTML". Vous verrez le code de votre message.
    La vidéo commence par un code appelé iframe. C'est ce code qui est important.

    Il vous faut donc supprimer ce qu'il y a après le /iframe> pour ne garder que la vidéo.

    Posté par Melyonen, 21 mai 2012 à 14:59

Poster un commentaire