Si vous souhaitez mettre une vidéo sans passer par l'élément VIDEO de JIMDO, il faut ajouter un widget, puis coller le code IFRAME et ajouter au dessus et en dessous
<div class="video1">
<iframe src="https://www.youtube.com/embed/XXXXXXXX?rel=0&autoplay=1&mute=1;controls=0&showinfo=0" width="100%" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
<div class="video2">
<iframe src="https://www.youtube.com/embed/XXXXXXXX?rel=0&autoplay=1&mute=1;controls=0&showinfo=0" width="100%" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
background=1& = On masque le bouton play et Pause
<div class="video1">
<iframe src="https://player.vimeo.com/video/XXXXXXXX?background=1&autoplay=1&loop=1&muted=1&autopause=1&autopause=0" width="640" height="360" frameborder="0" allow="autoplay ; fullscreen" allowfullscreen="allowfullscreen"></iframe>
</div>
<div class="video2">
<iframe src="https://player.vimeo.com/video/XXXXXXXX?background=1&autoplay=1&loop=1&muted=1&autopause=1&autopause=0" width="640" height="360" frameborder="0" allow="autoplay ; fullscreen" allowfullscreen="allowfullscreen"></iframe>
</div>
Si ca ne marche pas, il faudra demander à Yves MOTHE d'ajouter ce code informatique en plus dans le head :
/*** responsive iframe video carre 100% ***/
.video1 { position: relative; padding-bottom: 80%; /* 16:9 */ padding-top: 25px; height: 0;}
.video1 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*** responsive iframe video 16/9 ***/
.video2 { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}
.video2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
Exemple sans le HACK
Il y a un grand espace blanc entre la vidéo et ce texte, alors qu'avec le hack non, de plus la vidéo ne déborde pas.
Exemple avec le HACK
<div class="video2">
<iframe src="https://www.youtube.com/embed/Yokv3CCd5gc?rel=0&autoplay=1&mute=1;controls=0&showinfo=0" width="100%" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
Exemple sur :
https://www.youtube.com/embed/-SFcIUEvNOQ?autoplay=1&;enablejsapi=1"
Pour lancer une vidéo youtube en automatique sur Jimdo il faut chercher du coté de : youtube enablejsapi jimdo
<div class="video2">
<iframe src="https://player.vimeo.com/video/383979208?autoplay=1&loop=1&muted=1&autopause=1&autopause=0" width="640" height="360" frameborder="0" allow="autoplay ; fullscreen" allowfullscreen="allowfullscreen"></iframe>
</div>
Dernière mise à jour : 02/07/2024