236 votes

Comment intégrer une vidéo YouTube en lecture automatique dans un iframe ?

J'essaie d'intégrer la nouvelle version iframe d'une vidéo YouTube et de la faire jouer automatiquement.

Pour autant que je sache, il n'y a aucun moyen de le faire en modifiant les drapeaux de l'URL. Y a-t-il un moyen de le faire en utilisant JavaScript et l'API ?

0 votes

Existe-t-il un moyen de couper le son lorsque la vidéo commence à être lue, par le biais du code, je ne veux pas surprendre mes utilisateurs avec le son.

0 votes

Le navigateur a des paramètres pour cela

439voto

mjhm Points 6418

Cela fonctionne dans Chrome mais pas dans Firefox 3.6 (avertissement : vidéo RickRoll) :

<iframe width="420" height="345" src="http://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1" frameborder="0" allowfullscreen></iframe>

Le site API JavaScript pour les embeds iframe existe, mais est toujours affiché comme une fonctionnalité expérimentale.

MISE À JOUR : l'API iframe est désormais entièrement prise en charge et "Création d'objets YT.Player - Exemple 2" montre comment définir la fonction "autoplay" en JavaScript.

2 votes

Conseil : Sur les appareils mobiles, il est possible que le paramètre src et l'appel api ne fonctionnent pas en raison de restrictions : développeurs.google.com/youtube/

0 votes

Je constate que sur mobile (Webview sur Android 5.0) la fonction onYouTubeIframeAPIReady() n'est pas déclenché. Quelqu'un a-t-il une solution ?

2 votes

Existe-t-il un moyen de couper le son lorsque la vidéo commence à être lue, par le biais du code, je ne veux pas surprendre mes utilisateurs avec le son.

56voto

MatayoshiMariano Points 1133

Depuis le mois d'avril 2018, Google a apporté quelques modifications à l'outil d'évaluation de la qualité de l'eau. Politique en matière de jeux automatiques . Vous devez non seulement ajouter le autoplay=1 comme paramètre de la requête, mais ajoutez également allow='autoplay' comme attribut d'une iframe

Vous devrez donc faire quelque chose comme ça :

<iframe src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1" allow='autoplay'></iframe>

0 votes

Autoplay=1 comme paramètre n'est pas suffisant (au moment de la rédaction du 20 juillet). Je dois ajouter allow='autoplay' à l'iframe pour que la fonction autoplay fonctionne.

0 votes

@Gkiokan Oui, vous en avez besoin. Je l'avais dans le snippet :)

1 votes

Oui, je voulais faire comprendre aux autres que la solution n'est pas seulement le paramètre dans l'URL mais aussi le paramètre supplémentaire :) Vous devriez peut-être le mentionner explicitement.

40voto

Waheed ur Rehman Points 340

Le code incorporé de YouTube désactive la lecture automatique par défaut. Il suffit d'ajouter autoplay=1 à la fin de l'attribut "src". Par exemple :

<iframe src="http://www.youtube.com/embed/xzvScRnF6MU?autoplay=1" width="960" height="447" frameborder="0" allowfullscreen></iframe>

3 votes

Ajouter ?autoplay=1 à la src

1 votes

Oui en fait autoplay=1 alors que ? indique que src peut avoir des paramètres comme la couleur, les contrôles et chacun séparé par le signe &. la description détaillée peut être vue ici developers.google.com/youtube/player_parameters#Parameters

31voto

Tim Vermaelen Points 1646

Août 2018 Je n'ai pas trouvé d'exemple fonctionnel sur la mise en œuvre de l'iframe. D'autres questions étaient liées à Chrome uniquement, ce qui l'a un peu trahi.

Vous devrez couper le son mute=1 afin de permettre la lecture automatique sur Chrome. FF et IE semblent fonctionner parfaitement avec autoplay=1 comme paramètre.

<iframe src="//www.youtube.com/embed/{{YOUTUBE-ID}}?autoplay=1&mute=1" name="youtube embed" allow="autoplay; encrypted-media" allowfullscreen></iframe>

1 votes

La réponse la plus utile, et de loin. C'est logique.

0 votes

Cela devrait être la réponse acceptée.

12voto

Ralph Points 31

2014 iframe embed sur comment intégrer une vidéo youtube avec autoplay et aucune vidéo suggérée à la fin du clip.

rel=0&amp;autoplay 

Exemple ci-dessous : .

<iframe width="640" height="360" src="//www.youtube.com/embed/JWgp7Ny3bOo?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen></iframe>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X