Vous n'êtes pas identifié(e).
13 février 2024 Sortie de Dotclear 2.29
Bonjour à tous,
J'utilise Dotclear depuis maintenant quelques semaines. Mon blog porte notamment sur les astuces bureautiques pour les nuls, indépendamment de mon travail dans une boîte informatique à Toulon.
J'ai donc voulu importer quelques tutoriels trouvés sur YouTube pour appuyer mes articles mais je suis encore en phase d'assimilation des fonctionnalités de Dotclear donc j'ai encore un peu de mal.
Pouvez-vous m'aider ou bien m'indiquer un lien svp que je pourrais utiliser.
En vous remerciant en avance.
Dernière modification par Floras (2020-12-03 10:21:35)
Hors ligne
Bonjour
Il y a sur Dotaddict plusieurs plugins pour cela, mais ils semblent obsolètes, peut-être que quelqu'un d'autre ici pourra en suggérer un qui fonctionne
Sinon, si tu utilises l'éditeur dcCKEditor, tu peux passer en mode source et ajouter ce type de code :
<p><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/lIl_rdlIhVY" width="560"></iframe></p>
en modifiant bien entendu l'identifiant de la vidéo (ici lIl_rdlIhVY) par celui de la vidéo que tu veux insérer
Hors ligne
Bonjour,
Voilà comment je procède sur mon blog :
- insertion d'une vidéo :
///html
<div class="video-responsive">
<iframe src="https://www.youtube.com/embed/PM0HqmptYlY?autoplay=0&rel=0&controls=1&fs=1"></iframe>
</div>
<p>Blabla...</p>
///
- insertion d'une playlist :
///html
<div class="video-responsive">
<iframe src="https://www.youtube.com/embed/videoseries?list=PL13LV3bBeFb4q8NBAZppAFbrRIcf1lioy" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<p>blabla...</p>
///
Formatage du texte pour ces 2 exemples = Wiki.
Pour avoir des vidéos "responsives", veuillez ajouter dans la feuille de style :
.video-responsive {
overflow:hidden;
padding-bottom:90%;
position:relative;
height:0;margin-bottom:10px;}
.video-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;}
Seul petit problème avec tout cela, vos visiteurs ne pourront pas mettre les vidéos en plein écran.
Hors ligne
https://plugins.dotaddict.org/dc2/details/noembedMedia fait aussi parfaitement le job et pas du tout obsolète...
Hors ligne
Vous n'êtes pas identifié(e).