Hack Vidéo Iframe

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 

 

Si vous avez des vidéos sur Youtube :

  • Si vous souhaitez que votre vidéo se lance automatiquement sur PC et MAC il faut laisser le chiffre 1 devant autoplay, sinon mettre 0 (Attention les vidéos Youtube ne peuvent pas se lancer automatiquement sur IPAD et IPHONE, utiliser VIMEO pour que ca marche sur IPAD et IPHONE)
  • Si vous souhaitez que votre vidéo se lance sans le son, vous devez laisser le chiffre 1 devant mute

Si format carré

<div class="video1">

    <iframe src="https://www.youtube.com/embed/XXXXXXXX?rel=0&amp;autoplay=1&amp;mute=1;controls=0&amp;showinfo=0" width="100%" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe> 

 

</div>

Si format 16/9

<div class="video2">

 

<iframe src="https://www.youtube.com/embed/XXXXXXXX?rel=0&amp;autoplay=1&amp;mute=1;controls=0&amp;showinfo=0" width="100%" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe> 

 

</div>


Si vous avez des vidéos sur Vimeo sur PC et MAC et pour un lancement automatique sur IPAD et IPHONE:

background=1&amp; = On masque le bouton play et Pause

Si format carré

<div class="video1">

        <iframe src="https://player.vimeo.com/video/XXXXXXXX?background=1&amp;autoplay=1&amp;loop=1&amp;muted=1&amp;autopause=1&amp;autopause=0" width="640" height="360" frameborder="0" allow="autoplay ; fullscreen" allowfullscreen="allowfullscreen"></iframe>

 

</div>

Si format 16/9

<div class="video2">

    <iframe src="https://player.vimeo.com/video/XXXXXXXX?background=1&amp;autoplay=1&amp;loop=1&amp;muted=1&amp;autopause=1&amp;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




Générateur de code embed pour vidéos

  1. http://www.clipimix.com/player/
  2. https://www.webvideoproduction.fr/outils/generateur-de-code-embed-youtube


Lancer une vidéo en automatique même sur google chrome !

<div class="video2">

    <iframe src="https://www.youtube.com/embed/Yokv3CCd5gc?rel=0&amp;autoplay=1&amp;mute=1;controls=0&amp;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

VIMEO :

<div class="video2">

    <iframe src="https://player.vimeo.com/video/383979208?autoplay=1&amp;loop=1&amp;muted=1&amp;autopause=1&amp;autopause=0" width="640" height="360" frameborder="0" allow="autoplay ; fullscreen" allowfullscreen="allowfullscreen"></iframe>

</div>


NO COOKIE YOUTUBE