Wie kann ich ein Video mit dem neuen Einbettungscodestil für Youtube automatisch abspielen?


166

Ich kann nicht herausfinden, wie ein Video mit dem neuen Einbettungscodestil für Youtube automatisch wiedergegeben wird . Ich habe versucht, & autoplay = 1 zur URL hinzuzufügen, was mit dem alten Stil funktioniert hat, aber es hat nicht funktioniert. Zum Beispiel http://www.youtube.com/embed/JW5meKfy3fY der Einbettungslink, aber http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 funktioniert nicht. Kann mir jemand sagen, wie es geht? Vielen Dank


2
Das ist veraltet. 'stumm = 1' ist jetzt erforderlich. Siehe: Beantwortung des StackOverflow-Artikels
Trevor

Ja, ich musste? Autoplay = 1 & mute = 1 hinzufügen, damit Autoplay in Chrome funktioniert. Danke
John Blair

Um ganz klar zu sein, erlaubt Chrome nur dann eine automatische Wiedergabe, wenn das Video stummgeschaltet ist? Gibt es keine Möglichkeit, die automatische Wiedergabe bei eingeschaltetem Ton zu erzwingen?
Webrightnow

Antworten:


362

Fügen Sie einfach "? Autoplay = 1" in die URL ein, die das Video automatisch laden soll.

Ihre URL wäre also: http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

Wenn Sie die automatische Wiedergabe deaktivieren möchten, gehen Sie einfach 1zu 0as ?autoplay=0


7
Dies scheint derzeit nicht zu funktionieren. Es hat vor 1 Woche perfekt funktioniert.
Peeja

23
Der erste Parameter nach der Video-ID muss mit "?" , alle Parameter NACHDEM, die mit "&" hinzugefügt werden müssen. Wenn Sie zum Beispiel "? Rel = 0 & autoplay = 1" hätten, wäre dies dasselbe wie "? Autoplay = 1 & rel = 0" und beide würden funktionieren.
Thanos

8
Diese Antwort funktioniert immer noch 2016. Fügen Sie einfach die Informationen hinzu, da dies das erste Ergebnis ist, das bei Google angezeigt wird.
Florian Rachor

2
Einige zusätzliche Erklärungen, da dies in den Goog-Ergebnissen so hoch ist. Der Teil der URL nach '?' ist die Abfragezeichenfolge und Sie benötigen den Schlüssel 'Autoplay' mit dem Wert '1'. Zum Beispiel wäre '... / embedded / JW5meKfy3fY? Autoplay = 1? Rel = 1' auch falsch, weil Sie dann 'autoplay' mit dem Wert '1? Rel = 1' hätten. Die Abfragezeichenfolge beginnt mit '?' und wird durch das Symbol '&' in Schlüssel = Wert-Paare getrennt. en.wikipedia.org/wiki/Query_string#Structure
Knickum

3
Update für 2017: Jetzt im Iframe muss ein weiteres conf hinzugefügt werden: allow = "autoplay" gemäß developer.google.com/web/updates/2017/09/…, damit Ihr <iframe src="http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1" allow="autoplay"></iframe>
Iframe

31

Eigentlich müssen Sie das "?" anstelle von "&" nur für Ihren ersten Parameter. Wenn Sie mehr als einen Parameter verwenden, müssen Sie der Kette "&" hinzufügen.

Wenn Sie beispielsweise Autoplay und Untertitel hinzufügen möchten, müssen Sie diesen Teil zu Ihrer eingebetteten Video-URL hinzufügen : ? Autoplay = 1 & cc_load_policy = 1 .

Es würde so aussehen:

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

was meinst du closed captioning?
WasiF

11

Sie müssen neben der automatischen Wiedergabe = 1 einen zusätzlichen Parameter hinzufügen

allow = "Autoplay"

Ich mach das:

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

Dies ist eine empfohlene Lösung für 2020
Rahul

6

Okay, dies ist ein Beispiel für den neuen Einbettungscode für YouTube-Videos.

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

Wenn Sie es automatisch abspielen möchten, src="http://www.youtube.com/embed/8v_4O44sfjM"fügen Sie den ?autoplay=1Parameter hinzu

Der Code sieht also folgendermaßen aus:

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

Ich habe es in meinem Blog versucht und es funktioniert! Ich hoffe das hilft (:


5

Die einzige Möglichkeit, die automatische Wiedergabe zum Laufen zu bringen, war die Verwendung der iframe-Player-API.

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

5

Keiner der oben genannten Punkte hat für mich in der aktuellen YouTube-Einbettung funktioniert. Versuchen Sie dies, es hat tatsächlich für mich funktioniert :)

Ich hoffe es hilft!

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

4

Die YouTube-Hilfe sagt, dass &autoplay=1dies nach der Video-ID erfolgen muss - ich nehme an, unmittelbar danach.


@Aton: Danke für deine Antwort. Funktioniert aber immer noch nicht. Ich habe die Frage mit Links aktualisiert.
Ben

4

Du verwendest eine falsche URL für die automatische Wiedergabe von YouTube. http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1Diese URL zeigt die YouTube-ID als Ganzes an, JW5meKfy3fY&autoplay=1die von YouTube abgelehnt wird. Wir müssen die Autoplay-Variable an YouTube übergeben, daher müssen Sie ?stattdessen verwenden, &damit Ihre URL http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1und Ihr endgültiger Iframe so sind.

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

1
Sie haben vergessen, das &auf ?die richtige Weise zu ändern . (vor dem

3

Fügen Sie einfach ? Autoplay = 1 nach der URL in den Einbettungscode ein. Beispiel:

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

Ändern Sie es in:

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

2

Keiner von euch ist mein Problem gelöst. Aber ich habe eine gute Lösung gefunden, um jetzt richtig zu arbeiten. Schreiben Sie zwischen den Tags diesen 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>

0

YouTube Auto Play funktioniert nur auf dem Desktop, wenn Sie mobil arbeiten müssen. Nehmen Sie einfach Änderungen in JavaScript vor. Mögen

<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();
  }

 

Weitere Informationen: - YouTube wird 5 Sekunden lang automatisch abgespielt

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.