A partir d’une vidéo Dailymotion, récupérez le code d’intégration, comme illustré sur les deux captures ci-après :
Par exemple, le code à récupérer est celui-ci :
<iframe frameborder="0" width="480" height="272" src="https://www.dailymotion.com/embed/video/xxxvjy"></iframe><br /><a href="http://www.dailymotion.com/video/xxxvjy_tir-petanque_sport" target="_blank">tir pétanque</a> <i>par <a href="http://www.dailymotion.com/abonvi" target="_blank">abonvi</a></i>
Dans un nouveau billet Dotclear, si vous êtes déjà en mode d’édition html, copier/coller ce code entre les balises suivantes :
<div class="external-media" style="margin: 1em auto; text-align: center;"> </div>
Au final, vous devriez avec ce code :
<div class="external-media" style="margin: 1em auto; text-align: center;"> <iframe frameborder="0" width="480" height="272" src="https://www.dailymotion.com/embed/video/xxxvjy"></iframe><br /><a href="https://www.dailymotion.com/video/xxxvjy_tir-petanque_sport" target="_blank">tir pétanque</a> <i>par <a href="https://www.dailymotion.com/abonvi" target="_blank">abonvi</a></i> </div>
L’attribut width c’est la largeur de votre vidéo à adapter à la largeur de votre thème si besoin. L’attribut height c’est pour la hauteur (pensez à respecter le ratio pour ne pas déformer le lecteur vidéo).
Astuce : copier/coller le code dans le bloc Notes du billet pour archive, car un bug à l’édition pourrait supprimer ultérieurement le code dans l’article.
Et voici l’exemple en situation :
Kynä.