Démonstration de blog Kynä

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&eacute;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&eacute;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ä.