Comment puis-je lire automatiquement une vidéo à l'aide du nouveau style de code d'intégration pour Youtube?

166

Je n'arrive pas à comprendre comment lire automatiquement une vidéo à l'aide du nouveau style de code d'intégration pour Youtube . J'ai essayé d'ajouter & autoplay = 1 à l'URL, qui fonctionnait avec l'ancien style, mais cela ne fonctionnait pas. Par exemple, http://www.youtube.com/embed/JW5meKfy3fY est le lien d'intégration, mais http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 ne fonctionne pas. Quelqu'un peut-il me dire comment faire? Merci

ben
la source
2
C'est obsolète. 'mute = 1' est maintenant requis. Voir: Répondre à l'article StackOverflow
Trevor
Oui, je devais ajouter? Autoplay = 1 & mute = 1 pour que la lecture automatique fonctionne dans Chrome. Merci
john blair
Donc, pour être clair, Chrome n'autorisera la lecture automatique que si la vidéo est coupée? Il n'y a aucun moyen de forcer la lecture automatique avec le son activé?
webrightnow

Réponses:

362

Il suffit de mettre "? Autoplay = 1" dans l'URL, la vidéo se chargera automatiquement.

Donc, votre URL serait: http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

Juste faire au cas où vous voulez désactiver AutoPlay, 1à 0en ?autoplay=0

Matthewbauer
la source
7
Cela ne semble pas fonctionner pour le moment. Cela a parfaitement fonctionné il y a 1 semaine.
Peeja
23
Le premier paramètre après l'ID vidéo doit commencer par "?" , tous les paramètres APRÈS qui doivent être ajoutés avec "&". Si vous aviez par exemple "? Rel = 0 & autoplay = 1", ce serait la même chose que "? Autoplay = 1 & rel = 0" et ils fonctionneraient tous les deux.
Thanos
8
Cette réponse fonctionne toujours en 2016. Il suffit d'ajouter les informations, car c'est le premier résultat qui apparaît sur google.
Florian Rachor
2
Une explication supplémentaire car c'est si élevé dans les résultats de Google. La partie de l'URL qui suit "?" est la chaîne de requête et ce dont vous avez besoin est la clé 'autoplay' avec la valeur '1'. Ainsi, par exemple, «... / embed / JW5meKfy3fY? Autoplay = 1? Rel = 1» serait également faux car alors vous auriez «autoplay» avec la valeur «1? Rel = 1». La chaîne de requête commence par «?» et est séparé en paires clé = valeur par le symbole «&». en.wikipedia.org/wiki/Query_string#Structure
knickum
3
Mise à jour pour 2017: Maintenant, dans l'iframe, vous devez ajouter un autre conf: allow = "autoplay" selon developer.google.com/web/updates/2017/09/… afin que votre iframe ressemble à: <iframe src="http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1" allow="autoplay"></iframe>
vityapro
31

En fait, vous devrez utiliser le "?" au lieu de "&" pour votre premier paramètre uniquement. Si vous utilisez plus d'un paramètre, vous devrez alors ajouter "&" à la chaîne.

Par exemple, si vous souhaitez ajouter la lecture automatique et le sous-titrage codé, vous devrez ajouter cette partie à votre URL de vidéo intégrée :? Autoplay = 1 & cc_load_policy = 1 .

Cela ressemblerait à ceci:

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1&cc_load_policy=1" frameborder="0"
allowfullscreen></iframe>
Sacha
la source
que voulez-vous dire closed captioning?
WasiF
11

Vous devez ajouter un paramètre supplémentaire, à côté de la lecture automatique = 1

allow = "lecture automatique"

faire:

<iframe src="your-video-url?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media"></iframe>
Andrew West
la source
C'est la solution recommandée pour 2020
Rahul
6

OK, ceci est un exemple du nouveau code d'intégration pour les vidéos YouTube.

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="345" src="http://www.youtube.com/embed/8v_4O44sfjM" frameborder="0" allowFullScreen></iframe>

si vous voulez le lire automatiquement, src="http://www.youtube.com/embed/8v_4O44sfjM"ajoutez le ?autoplay=1paramètre

Donc, le code ressemblera à ceci:

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="345" src="http://www.youtube.com/embed/8v_4O44sfjM?autoplay=1" frameborder="0" allowFullScreen></iframe>

j'ai essayé ceci sur mon blog et ça marche! J'espère que cette aide (:

Amel
la source
5

La seule façon dont j'ai pu faire fonctionner la lecture automatique était d'utiliser l'API du lecteur iframe.

<div id="ytplayer"></div>
<script>
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
        height: '480',
        width: '853',
        videoId: 'JW5meKfy3fY',
        playerVars: {
            'autoplay': 1,
            'showinfo': 0,
            'controls': 0
        }
    });
}
</script>
Jules
la source
5

Rien de ce qui précède n'a fonctionné pour moi dans l'intégration youtube actuelle. Essayez ceci, cela a fonctionné pour moi :)

J'espère que ça aide!

<iframe width="925" height="315" src="https://www.youtube.com/embed/iD5zxjySOzw?rel=0&amp;autoplay=1&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
Kate à l'Académie Gavin
la source
4

L'aide YouTube dit que cela &autoplay=1doit être après l'ID vidéo - je suppose, immédiatement après.

Anton Gogolev
la source
@Aton: Merci pour votre réponse. Cela ne fonctionne toujours pas. J'ai mis à jour la question avec des liens.
ben
4

Vous utilisez une URL incorrecte pour la lecture automatique de youtube. http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1Cette URL affiche l'identifiant youtube dans son ensemble, JW5meKfy3fY&autoplay=1que YouTube refuse de lire. nous devons passer la variable de lecture automatique à youtube, donc vous devez utiliser à la ?place de &pour que votre URL soit http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1et votre iframe final sera comme ça.

<iframe src="http://www.youtube.com/embed/xzvScRnF6MU?autoplay=1" width="960" height="447" frameborder="0" allowfullscreen></iframe>
Waheed ur Rehman
la source
1
Vous avez oublié de changer &à ?la bonne manière de le faire. (avant l'iframe)
3

Ajoutez simplement ? Autoplay = 1 après l'URL dans le code d'intégration, exemple:

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0" frameborder="0"></iframe>

Changez-le en:

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1" frameborder="0"></iframe>
Ajie Kurniyawan
la source
2

Aucun des vôtres n'a résolu mon problème. Mais, j'ai trouvé une bonne solution pour que je travaille correctement maintenant. Entre les balises, écrivez ce code:

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
  <iframe frameborder="0" height="100%" width="100%" 
    src="https://youtube.com/embed/**[CHANGE HERE WITH YOUR YOUTUBE VIDEO ID]**?autoplay=1&controls=0&showinfo=0&autohide=1">
  </iframe>
</div>
baie
la source
0

La lecture automatique de YouTube ne fonctionne que sur les ordinateurs de bureau et nécessite simplement de faire des modifications dans JavaScript. Comme

<div id="player"></div>
                    var tag = document.createElement('script');
                    tag.src = "https://www.youtube.com/iframe_api";
                    var firstScriptTag = document.getElementsByTagName('script')[0];
                    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
                    var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      videoId: 'VideoID',
      playerVars: {   
            'autoplay': 1,   
            'rel': 0,
            'showinfo': 0,
            'modestbranding': 1,
            'playsinline': 1,
            'showinfo': 0,
            'rel': 0,
            'controls': 0,
            'color':'white',
            'loop': 1,
            'mute':1,
            // 'origin': 'https://meeranblog24x7.blogspot.com/'
      },
      events: {
        'onReady': onPlayerReady,
        // 'onStateChange': onPlayerStateChange
      }
    });
  }
  function onPlayerReady(event) {
    player.playVideo();
    player.mute();
  }var done = false;
  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
      setTimeout(stopVideo, 6000);
      done = true;
    }
  }
  function stopVideo() {
    player.stopVideo();
  }

 

Voir plus: - Lecture automatique de YouTube pendant 5 secondes

Nahoor
la source