web-dev-qa-db-fra.com

Comment puis-je lire automatiquement une vidéo en utilisant le nouveau style de code intégré pour Youtube?

Je n'arrive pas à comprendre comment lire automatiquement une vidéo en utilisant le nouveau style de code intégré 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 incorporé, mais http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 = ne fonctionne pas. Quelqu'un peut-il me dire comment le faire? Merci

videoyoutubeyoutube-api
160
ben

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

Donc, votre url serait: _http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1_

Si vous souhaitez désactiver la lecture automatique, indiquez 1 à 0 comme _?autoplay=0_

347
matthewbauer

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

Par exemple, si vous souhaitez ajouter la lecture automatique et les sous-titres codés, vous devez ajouter cette partie à l'URL de votre vidéo incorporé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>
29
Sacha

Vous devez ajouter un paramètre supplémentaire, à côté de l'autoplay = 1

allow = "autoplay"

le rendant:

<iframe src="your-video-url?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media"></iframe>
9
Andrew West

Ok, ceci est un exemple pour le nouveau code d'intégration de 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, au src="http://www.youtube.com/embed/8v_4O44sfjM" ajoutez le paramètre ?autoplay=1

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 (:

6
Amel

Aucun de ce qui précède n'a fonctionné pour moi dans la version actuelle de youtube. Essayez ceci, cela a réellement 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>
5
Kate at Gavin Academy

Vous utilisez une URL incorrecte pour la lecture automatique youtube http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 cette URL affiche l'identifiant youtube sous la forme de wholeJW5meKfy3fY&autoplay=1 que youtube refuse de lire. nous devons passer la variable autoplay à youtube, donc vous devez utiliser ? au lieu de & pour que votre URL soit http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1 et que votre iframe final soit comme ça.

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

La seule façon pour moi de faire en sorte que la lecture automatique fonctionne est d’utiliser l’API de 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>
4
Jules

Aide YouTube indique que &autoplay=1 doit figurer après l'ID de la vidéo - je suppose, immédiatement après.

4
Anton Gogolev

Il suffit d’ajouter ? Autoplay = 1 après l’URL dans le code intégré, 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>
3
Ajie Kurniyawan

Aucun des vôtres n'est 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>
2
Bay