Mise en place d’une vidéo depuis Dailymotion

Comment mettre en ligne une vidéo issue de dailymotion?
Il y a deux solutions.

a) Dans un billet

Rien de plus simple :
1) Allez choisir votre vidéo sur le site,
2) Avisez le lecteur exportable, qui se situe en général sous la vidéo, juste au dessus des éventuels commentaires
3) Copiez le code du lecteur exportable.

4) Dans votre billet de blog, passez du mode "visuel" au mode "source" (en bas de l'encart de contenu)

5) Collez le code puis repassez en mode "visuel". Même si elle n'est pas visible dans l'encart de contenu en cours d'édition, votre vidéo est prête à publier.
Enregistrez votre billet.
Il s'affichera peu ou prou comme ci-dessous dans votre page.

b) Dans la sidebar 2:

Cela peut se faire au moyen d'un widget de texte, qu'on ajoute dans la Sidebar. hg
Le principe d'édition diffère un peu de celle du billet, pour la bonne et simple raison que :
- il n'y a pas de changement de mode, le widget de texte prend en charge le code html contenu dans le lecteur exportable.
- la taille de la vidéo prévue par défaut est trop grande par rapport à la largeur de la Sidebar. Il faut donc la retailler...
Cependant, la mise en oeuvre est aussi simple :

1) créez un widget de texte.
2) collez le code du lecteur exportable.
3) Modifiez le rapport largeur-hauteur. En général, il est par défaut de 480-381, passez-le à 240-190. Il y a deux endroits à modifier de la même façon dans le code.

 

4) N'oubliez pas de cliquer sur "mettre à jour les bandeaux", si vous voulez que vos modifications soient prises en compte
5) Allez-voir ce que ça donne sur le site public!

 

c) options de démarrage par défaut

Vous pouvez aussi choisir une option de démarrage par défaut de votre vidéo. Cela se passe directement sur Dailymotion, en modifiant le code du lecteur exportable.
Pour cela :

1) cliquez sur la mention "personnaliser le lecteur", juste en dessous du lecteur exportable.

2) choisissez "oui" (au lieu du "non" par défaut), à l'intitulé "lecture automatique".

 

3) puis reprenez l'intégration de la vidéo comme vu précédemment...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *