So spielen Sie eingebettete YouTube-Videos automatisch ab

Das Wichtigste in Kürze

• Hängen Sie autoplay=1&mute=1 an die Einbettungs-URL an – Browser erlauben zuverlässig nur stummes Autoplay.

• Fügen Sie playsinline=1 für das iPhone und allow="autoplay" am iFrame hinzu.

• Ein einzelnes Video wiederholen Sie mit loop=1&playlist=VIDEO_ID.

• Starten Sie Autoplay nur, wenn das Video sichtbar ist oder wenn sich ein Popup öffnet.

Der Einbettungscode für Autoplay

<iframe src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1&mute=1&playsinline=1"
  title="YouTube video" allow="autoplay; encrypted-media; picture-in-picture"
  allowfullscreen></iframe>

Oder erzeugen Sie ihn mit unserem YouTube-Einbettungscode-Generator – aktivieren Sie dort Autoplay.

Autoplay und Schleife

Für eine Schleife fügen Sie loop=1&playlist=VIDEO_ID hinzu – YouTube wiederholt ein einzelnes Video nur, wenn der Playlist-Parameter dessen ID wiederholt.

Warum YouTube-Autoplay nicht funktioniert

• mute=1 fehlt.

• Dem iFrame fehlt allow="autoplay".

• Der Videobesitzer hat das Einbetten deaktiviert.

• Auf dem iPhone fehlt playsinline=1.

Autoplay in einer Galerie

Der No-Code-Weg

Zeigen Sie einen YouTube-Kanal oder eine Playlist in einer Galerie; das ausgewählte Video wird direkt an Ort und Stelle abgespielt.

Elfsight Video Gallery ausprobieren

YouTube-Player-Parameter für Autoplay und Wiedergabe

Vollständige Liste: Parameter des eingebetteten YouTube-Players.

Nur automatisch abspielen, wenn das Video in den sichtbaren Bereich scrollt

Ein Video weit unten auf der Seite automatisch abzuspielen verschwendet Bandbreite. Nutzen Sie die IFrame API und einen IntersectionObserver, um es nur bei Sichtbarkeit zu starten:

<div id="yt"></div>
<script src="https://www.youtube.com/iframe_api"></script>
<script>
  let player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player("yt", {
      videoId: "VIDEO_ID",
      playerVars: { mute: 1, playsinline: 1, rel: 0 }
    });
    new IntersectionObserver(([e]) => {
      if (!player.playVideo) return;
      e.isIntersecting ? player.playVideo() : player.pauseVideo();
    }, { threshold: 0.5 }).observe(document.getElementById("yt"));
  }
</script>

YouTube-Autoplay in WordPress, Shopify, Wix und Squarespace

• WordPress: Der Einbetten-Block bietet kein Autoplay – fügen Sie einen iFrame mit autoplay=1&mute=1 in einen Eigenes-HTML-Block ein.

• Shopify: Fügen Sie den iFrame einem Custom-Liquid-Abschnitt hinzu.

• Wix: Nutzen Sie Embed HTML mit dem iFrame-Code.

• Squarespace: Nutzen Sie einen Code-Block mit dem iFrame.

Unser YouTube-Einbettungscode-Generator erstellt den iFrame mit den richtigen Parametern.

Checkliste zur Fehlersuche

1. 1.

   Ist es stummgeschaltet?

   Ohne mute=1 blockieren die meisten Browser Autoplay.

2. 2.

   Ist Autoplay im iFrame erlaubt?

   Das Attribut allow muss autoplay enthalten.

3. 3.

   Liegt es in einem versteckten Tab oder Popup?

   Player, die versteckt starten, werden eventuell nicht automatisch abgespielt; starten Sie sie, sobald sie angezeigt werden.

4. 4.

   Ist Einbetten erlaubt?

   Manche Videos deaktivieren das Einbetten – sie lassen sich auf anderen Websites nicht abspielen.

5. 5.

   Nutzt die Seite ein Cookie-Banner?

   Consent-Tools können YouTube blockieren, bis Besucher zustimmen.

Bewährte Praxis für Autoplay

• Spielen Sie kurze, stumme Clips automatisch ab; lassen Sie längere Videos von den Besuchern selbst starten.

• Zeigen Sie Untertitel, damit auch stummes Autoplay etwas vermittelt.

• Vermeiden Sie mehrere automatisch startende Videos auf einer Seite.

Warum Browser Autoplay mit Ton blockieren

Unerwarteter Ton gehört zu den häufigsten Beschwerden über Websites, daher schränken Browser ihn ein. Chrome erlaubt stummes Autoplay immer und Ton nur, nachdem der Nutzer mit der Website interagiert hat oder dort bereits Medien angesehen hat. Safari auf iPhone und iPad erlaubt stummes Inline-Autoplay, aber nicht mit Ton. Die praktische Regel ist einfach: stumm automatisch abspielen und den Ton von den Nutzern einschalten lassen. Hintergrund: Autoplay-Richtlinie von Chrome.

Eine YouTube-Playlist automatisch abspielen

<iframe
  src="https://www.youtube.com/embed/videoseries?list=PLAYLIST_ID&autoplay=1&mute=1"
  title="YouTube playlist" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Das erste Video startet stumm und die Playlist läuft automatisch weiter.

Autoplay in einem Popup oder Modal

Laden Sie den iFrame erst, wenn sich das Popup öffnet – sonst läuft er versteckt. Fügen Sie den iFrame ein (oder rufen Sie playVideo() über die API auf) und zwar im Click-Handler, der das Popup öffnet. Weil der Klick eine Nutzergeste ist, erlauben viele Browser sogar Ton. Entfernen oder pausieren Sie den Player, wenn das Popup schließt.

Autoplay, Geschwindigkeit und SEO

Eine automatisch startende Einbettung lädt den YouTube-Player sofort, was die Seite schwerer macht. Setzen Sie Autoplay nur für Hero-Momente im sichtbaren Bereich ein und laden Sie andere Einbettungen per Lazy Loading, damit sie nicht mit Ihrem Hauptinhalt konkurrieren. Suchmaschinen belohnen nicht Autoplay selbst – sie belohnen Seiten, auf denen Menschen bleiben.