Bonjour,

Sur un site wordpress j'ai une vidéo qui sert de fond et qui est censé se lancer automatiquement. Chrome avait fait une mise a jour interdisant l'autoplay sur les vidéo non mute donc j'ai rajouté l'argument pour mute ma vidéo et ça a fonctionné.

Cependant depuis quelques jours le problème est revenu, alors que je n'ai rien modifié, est-ce encore une nouvelle politique de chrome ? Ce problème ne survient que sur chrome, avec tout les autres navigateur la vidéo se lance bien.

Voici le code qui me permet d'intégrer la vidéo.

<iframe type="text/html" src="https://www.youtube.com/embed/8c7p9__weow?version=3&amp;enablejsapi=1&amp;html5=1&amp;hd=1&amp;wmode=opaque&amp;showinfo=0&amp;rel=0&amp;autoplay=1&amp;mute=1;origin=https://adncom.fr;&amp;controls=0" width="100%" height="100%" style="opacity: 0; visibility: hidden; width: 100%; height: 118.406%; position: absolute; left: 0px; top: -9.20313%;" class="resizelistener" id="iframe25399"></iframe>

Merci d'avance.

-
Edité par Jessydan38 14 juin 2018 à 10:59:11

up

Bonjour,

Tu dois juste rajouter l'attribut allow="autoplay" dans ton iframe.

Comment je peut faire ? Mon iframe est générée par le plugin Slider Revolution, je n'ai la main que sur le lien youtube

Que te génères slide revolution exactement?

L'iframe que tu nous donne vient du code source de ta page ou tu l'as rajouté tel quel dans ton code?

L'iframe viens du code source, c'est elle qui est généré par slider revolution

Comment fais tu pour dire à slider rrevolution pour qu'il génère ton iframe?

Tu appelles une fonction?

Si oui, peux-tu me dire laquelle stp.

C'est un wordpress, je crée juste un slider dans lequel je choisi de mettre une vidéo et c'est le plugin qui créer l'iframe.

J'ai essayé de rajouter l'autoplay en javascript mais çe ne fonctionne pas :/

-
Edité par Jessydan38 15 juin 2018 à 14:12:20

Essaye les solutions proposés dans les 2 liens que je te donne:

https://theme.co/apex/forum/t/video-in-background-of-revolution-slider-is-not-autoplaying/19194/4

https://www.themepunch.com/revslider-doc/main-background/?tab=youtube#youtube-sourcesettings

Je suis déjà tombé sur ces tutoriels, l'argument avec autoplay=1 et mute=1 a fonctionné pendant un certain temps mais je ne sais pas pourquoi (peut être une mise a jour de chrome) et maintenant ça ne fonctionne plus :/

Remplace autoplay=1 par allow="autoplay".

Sinon, je ne vois pas

Fonctionne pas :/ ils me font chier chrome avec leur politique de merde, normalement c'est juste les vidéo non mute qui sont censé bloquer ...

Quand j'enlève l'attribut style de l'iframe, la vidéo se lance bien automatiquement.

As-tu un moyen d'enlever le style depuis l'interface du plugin?

Oui mais du coup la vidéo prend le format youtube, et pas celui du bandeau :/

Mais en effet ça débloque l'autoplay

EDIT : C'est bon c'était le visibility : hidden qui bloquait l'autoplay, va savoir pourquoi ça le bloquait et aussi pourquoi ça me le fait que depuis quelques jours. Mais problème résolu

-
Edité par Jessydan38 15 juin 2018 à 14:44:35

bonjour,

Je rencontre le même problème, mais moi  je ne suis pas du tout aussi calé que vous en informatique. Je dois aller ou pour trouver le Visibility:hidden...??

d'avance merci pour votre réponse

-
Edité par MarcSalvo 8 octobre 2018 à 13:05:05

Si tu regardes bien le code de l'iframe, tu peux voir un attribut style avec une propriété visibility:hidden. Tu as juste à l'enlever.

Voici l'iframe sans le visiblitiy:hidden:

<iframe type="text/html" src="https://www.youtube.com/embed/8c7p9__weow?version=3&amp;enablejsapi=1&amp;html5=1&amp;hd=1&amp;wmode=opaque&amp;showinfo=0&amp;rel=0&amp;autoplay=1&amp;mute=1;origin=https://adncom.fr;&amp;controls=0" width="100%" height="100%" style="opacity: 0; width: 100%; height: 118.406%; position: absolute; left: 0px; top: -9.20313%;" class="resizelistener" id="iframe25399"></iframe>

hello, merci pour l'info...

Donc si je comprend bien je trouve l'iframe dans les regles CSS... c'est bien ça..?

Non...

Tu trouves les règles css dans la balise iframe.

Quel est ton niveau en HTML/CSS?

en CSS je me débrouille.. un peu.. lol

Il te suffit de copier-coller le code que je t'ai donné ci-dessus et de mettre ton url de vidéo dans l'attribut src de la balise iframe.

parfait je vais le faire.. encore merci

Bonjour,

En fait, ma vidéo de fond ne vient pas de youtube mais de ma bibliothèque médias de wordpress et c'est un .mp4

Cette vidéo est configurée en background (Arrière plan principal) dans un Slider Revolution

Elle est donc renseignée dans un champ dans lequel est l'URL de la vidéo.

https://www.elfaro.ch/wp-content/uploads/2018/10/el-faro.mp4

Quand je vais aux paramètres de configuration de la source, pas de champ de saisie pour modifier les attributs de la source qui affiche la vidéo ...

dans le code source la vidéo est bien renseignée:

https://www.elfaro.ch/

Mais la vidéo ne se charge toujours pas sur chrome quand on atterit sur la page. Si on recharge une 2ème fois la page, la vidéo s'affiche...

Que faire pour que Chrome l'affiche directement?