TikTok-Einbettungscode-Generator

Fügen Sie einen TikTok-Videolink ein und erhalten Sie den offiziellen Einbettungscode kostenlos, um das Video auf Ihrer Website, in Ihrem Blog oder Online-Shop zu zeigen. Ohne Registrierung.
TikTok-Einbettungscode-Generator
Den Link des Videos finden Sie unter Teilen → Link kopieren, z. B. https://www.tiktok.com/@scout2015/video/6718335390845095173
Möchten Sie den ganzen TikTok-Kanal als Galerie, die sich selbst aktualisiert?

Video einbetten

<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@scout2015/video/6718335390845095173" data-video-id="6718335390845095173" style="max-width:605px;min-width:325px;">
  <section><a target="_blank" href="https://www.tiktok.com/@scout2015">@scout2015</a></section>
</blockquote>
<script async src="https://www.tiktok.com/embed.js"></script>
<p style="margin:4px auto 0;max-width:605px;text-align:center;font:11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#a3a7b0;">Erstellt mit <a href="https://de.elfsight.com/tools/tiktok-embed-generator/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Elfsight</a></p>

  1. Klicken Sie oben auf Code kopieren, um ihn zu kopieren.
  2. Öffnen Sie die HTML-Datei oder die Vorlage der Seite.
  3. Fügen Sie den Code innerhalb von <body> ein, dort wo der Inhalt erscheinen soll.
  4. Speichern und laden Sie die Seite hoch und öffnen Sie sie zur Kontrolle im Browser.

Brauchen Sie mehr als ein Video?

Zeigen Sie den ganzen TikTok-Kanal als interaktive Galerie, die sich selbst aktualisiert.

Video Gallery für HTML ansehen →

Bevor Sie gehen

Brauchen Sie mehr als ein Video? Zeigen Sie den ganzen TikTok-Kanal als interaktive Galerie, die sich selbst aktualisiert.

TikTok-Videogalerie erstellen →
Oder teilen Sie dieses kostenlose Tool:
Elfsight Video Gallery

Zeigen Sie Ihren ganzen TikTok-Kanal oder einen Hashtag

Video Gallery zeigt TikTok-Videos eines Kanals oder Hashtags in einer Galerie oder einem Karussell an, neben Ihren YouTube- und Instagram-Videos.

  • Aktualisiert sich automatisch, wenn Sie neue Videos veröffentlichen

  • Karussell, Raster, Masonry oder Player mit Playlist

  • YouTube, Vimeo, TikTok, Instagram, Twitch und jeder Videolink

  • Ohne Programmierung – funktioniert auf jeder Website

Widget kostenlos erstellen
Keine Kreditkarte erforderlich
TikTok-Videogalerie erstellen
Hero-Tour — Tabs, Layout, Kartenstil, dunkles Theme, der Viewer und seine Handlungsaufforderung

Dieser Generator im Vergleich zum Einbetten-Button von TikTok

Über Teilen → Einbetten erhalten Sie bei TikTok den Standardcode für ein Video. Das ändert sich, wenn Sie den Code stattdessen hier erstellen.
Einbetten-Button von TikTok
Dieser Generator
Wo es funktioniert
TikTok verlangt, den Code in einem Desktop-Browser zu kopieren, nicht in der App.
Fügen Sie einen Link von jedem Gerät ein.
Codetyp
Offizieller Code: ein blockquote plus embed.js.
Der offizielle Code oder der Light-iFrame-Player (/player/v1/).
Beschreibung, Musik und Creator
Werden immer rund um das Video angezeigt.
Werden beim offiziellen Code angezeigt; im Light-Player optional (description, music_info).
Autoplay, Wiederholen, Stummschalten
Nicht verfügbar.
Im Light-Player verfügbar (autoplay, loop, muted).
Player-Steuerung
Die Standardsteuerung von TikTok.
Blenden Sie im Light-Player die Fortschrittsleiste, den Zeitstempel oder alle Steuerelemente aus.
Ähnliche Videos
Werden von TikTok ausgewählt.
Beschränken Sie sie im Light-Player mit rel=0 auf die eigenen Videos des Autors.

Wo es funktioniert

Einbetten-Button von TikTok

TikTok verlangt, den Code in einem Desktop-Browser zu kopieren, nicht in der App.

Dieser Generator

Fügen Sie einen Link von jedem Gerät ein.

Codetyp

Einbetten-Button von TikTok

Offizieller Code: ein blockquote plus embed.js.

Dieser Generator

Der offizielle Code oder der Light-iFrame-Player (/player/v1/).

Beschreibung, Musik und Creator

Einbetten-Button von TikTok

Werden immer rund um das Video angezeigt.

Dieser Generator

Werden beim offiziellen Code angezeigt; im Light-Player optional (description, music_info).

Autoplay, Wiederholen, Stummschalten

Einbetten-Button von TikTok

Nicht verfügbar.

Dieser Generator

Im Light-Player verfügbar (autoplay, loop, muted).

Player-Steuerung

Einbetten-Button von TikTok

Die Standardsteuerung von TikTok.

Dieser Generator

Blenden Sie im Light-Player die Fortschrittsleiste, den Zeitstempel oder alle Steuerelemente aus.

Ähnliche Videos

Einbetten-Button von TikTok

Werden von TikTok ausgewählt.

Dieser Generator

Beschränken Sie sie im Light-Player mit rel=0 auf die eigenen Videos des Autors.

So verwenden Sie den TikTok-Einbettungscode-Generator-Generator

  1. Videolink kopieren

    Öffnen Sie das Video in TikTok und kopieren Sie seinen Link aus dem Browser oder dem Teilen-Menü.

  2. Oben einfügen

    Der Generator erstellt den offiziellen Einbettungscode von TikTok.

  3. In Ihre Website einfügen

    Fügen Sie ihn in einen HTML- oder Einbettungsblock ein. Das Einbettungsskript lädt den Player.

Parameter des TikTok-Light-Players

Parameter
Funktion
Beispiel
controls
Zeigt (1) oder verbirgt (0) die Fortschrittsleiste und alle Steuerelemente. Standard: 1.
controls=0
progress_bar
Zeigt oder verbirgt die Fortschrittsleiste. Standard: 1.
progress_bar=0
play_button
Zeigt oder verbirgt den Wiedergabe-Button. Standard: 1.
play_button=0
volume_control
Zeigt oder verbirgt den Lautstärke-Button. Standard: 1.
volume_control=0
fullscreen_button
Zeigt oder verbirgt den Vollbild-Button. Standard: 1.
fullscreen_button=0
timestamp
Zeigt oder verbirgt die aktuelle Zeit und die Dauer. Standard: 1.
timestamp=0
loop
Wiederholt das Video, wenn es zu Ende ist. Standard: 0.
loop=1
autoplay
Startet das Video beim Laden. Standard: 0.
autoplay=1
muted
Startet ohne Ton und sperrt die Lautstärke. Standard: 0.
muted=1
music_info
Zeigt die Musikinfo an. Standard: 0.
music_info=1
description
Zeigt die Videobeschreibung an. Standard: 0.
description=1
rel
Bei 1 werden empfohlene Videos als ähnliche Videos angezeigt, bei 0 die eigenen Videos des Autors. Standard: 1.
rel=0
native_context_menu
Zeigt oder verbirgt das Rechtsklick-Menü des Browsers. Standard: 1.
native_context_menu=0
closed_caption
Zeigt oder verbirgt den Untertitel-Button. Standard: 1.
closed_caption=0

controls

Funktion

Zeigt (1) oder verbirgt (0) die Fortschrittsleiste und alle Steuerelemente. Standard: 1.

Beispiel

controls=0

progress_bar

Funktion

Zeigt oder verbirgt die Fortschrittsleiste. Standard: 1.

Beispiel

progress_bar=0

play_button

Funktion

Zeigt oder verbirgt den Wiedergabe-Button. Standard: 1.

Beispiel

play_button=0

volume_control

Funktion

Zeigt oder verbirgt den Lautstärke-Button. Standard: 1.

Beispiel

volume_control=0

fullscreen_button

Funktion

Zeigt oder verbirgt den Vollbild-Button. Standard: 1.

Beispiel

fullscreen_button=0

timestamp

Funktion

Zeigt oder verbirgt die aktuelle Zeit und die Dauer. Standard: 1.

Beispiel

timestamp=0

loop

Funktion

Wiederholt das Video, wenn es zu Ende ist. Standard: 0.

Beispiel

loop=1

autoplay

Funktion

Startet das Video beim Laden. Standard: 0.

Beispiel

autoplay=1

muted

Funktion

Startet ohne Ton und sperrt die Lautstärke. Standard: 0.

Beispiel

muted=1

music_info

Funktion

Zeigt die Musikinfo an. Standard: 0.

Beispiel

music_info=1

description

Funktion

Zeigt die Videobeschreibung an. Standard: 0.

Beispiel

description=1

rel

Funktion

Bei 1 werden empfohlene Videos als ähnliche Videos angezeigt, bei 0 die eigenen Videos des Autors. Standard: 1.

Beispiel

rel=0

native_context_menu

Funktion

Zeigt oder verbirgt das Rechtsklick-Menü des Browsers. Standard: 1.

Beispiel

native_context_menu=0

closed_caption

Funktion

Zeigt oder verbirgt den Untertitel-Button. Standard: 1.

Beispiel

closed_caption=0

Quelle: TikTok for Developers: Embed Videos

Warum das TikTok nicht angezeigt wird

Das Konto oder das Video ist privat

Nur öffentliche Videos lassen sich einbetten. Stellen Sie das Video in TikTok auf öffentlich oder wählen Sie ein anderes.

Das Video wurde gelöscht oder entfernt

Laut TikTok ist ein eingebettetes Video nur verfügbar, solange es auch in der App verfügbar ist. Wurde es entfernt, funktioniert die Einbettung nicht mehr – ersetzen Sie es.

Ein Werbeblocker oder eine Datenschutzerweiterung ist aktiv

Manche Blocker stoppen Skripte und Frames von tiktok.com. Prüfen Sie die Seite in einem privaten Fenster ohne Erweiterungen. Die Blocker Ihrer Besucher können Sie nicht steuern, setzen Sie daher einen Link zum Video neben die Einbettung.

Ihr Website-Baukasten hat das Skript entfernt

Viele Textblöcke entfernen <script>-Tags. Fügen Sie den Code in einen HTML- oder Custom-Code-Block ein oder nutzen Sie den Light-iFrame-Player, der kein Skript braucht.

Sie haben einen Kurzlink eingefügt

Kurze Links mit vm.tiktok.com oder vt.tiktok.com enthalten die Video-ID nicht. Öffnen Sie den Link im Browser und kopieren Sie die vollständige Adresse tiktok.com/@user/video/….

Autoplay startet nicht

Browser blockieren Autoplay mit Ton häufig. Aktivieren Sie muted zusammen mit autoplay.

Offizieller Code oder Light-Player: was Sie wählen sollten

TikTok bietet zwei Möglichkeiten, ein Video in Ihre Website einzubinden. Beide sind von TikTok dokumentiert.

Offizieller Code
Light-Player
Was es ist
Ein <blockquote class="tiktok-embed"> und das embed.js-Skript von TikTok
Ein <iframe>, der auf https://www.tiktok.com/player/v1/VIDEO_ID verweist
Was Zuschauer sehen
Das Video mit Creator, Beschreibung, Hashtags und Sound-Quellenangabe
Nur das Video; Beschreibung und Musik sind optional
Größe
Zwischen 325 px und 605 px Breite
Beliebige Größe, die Sie dem iFrame geben
Benötigt ein Skript
Ja
Nein
Autoplay, Wiederholen, Stummschalten, ausgeblendete Steuerelemente
Nein
Ja, mit URL-Parametern

Was es ist

Offizieller Code

Ein <blockquote class="tiktok-embed"> und das embed.js-Skript von TikTok

Light-Player

Ein <iframe>, der auf https://www.tiktok.com/player/v1/VIDEO_ID verweist

Was Zuschauer sehen

Offizieller Code

Das Video mit Creator, Beschreibung, Hashtags und Sound-Quellenangabe

Light-Player

Nur das Video; Beschreibung und Musik sind optional

Größe

Offizieller Code

Zwischen 325 px und 605 px Breite

Light-Player

Beliebige Größe, die Sie dem iFrame geben

Benötigt ein Skript

Offizieller Code

Ja

Light-Player

Nein

Autoplay, Wiederholen, Stummschalten, ausgeblendete Steuerelemente

Offizieller Code

Nein

Light-Player

Ja, mit URL-Parametern

Wählen Sie den offiziellen Code, wenn

  • der Beitrag so aussehen soll wie auf TikTok, mit dem Namen des Creators und der Beschreibung;

  • Ihr Website-Baukasten Skripte zulässt.

Wählen Sie den Light-Player, wenn

  • Sie ein klares Video möchten, zum Beispiel in einem Produktbereich oder einem Hero-Block;

  • Sie Autoplay, Wiederholen oder stumme Wiedergabe brauchen;

  • Ihr Baukasten Skripte entfernt, aber iFrames zulässt.

In jedem Fall muss das Video auf TikTok öffentlich bleiben. Einzelheiten finden Sie in den Dokumentationen Embed Player und Embed Videos von TikTok.

Einbettungscode vs. Elfsight Video Gallery

Einbettungscode
Video Gallery
Videos pro Einbettung
Ein Video (oder eine Playlist)
Unbegrenzt viele Videos in einem Widget
Bleibt aktuell
Code für jedes neue Video bearbeiten
Neue TikTok-Videos erscheinen automatisch
Quellen mischen
Eine Plattform pro Snippet
YouTube, Vimeo, TikTok, Instagram, Twitch und jeder Video-Link
Layouts
Einzelner Player
Player mit Galerie, Karussell, Raster, Masonry, Playlist
Responsives Design
Braucht einen CSS-Wrapper
Integriert
Programmierung
Code für jedes Video kopieren und einfügen
Kein Code – visuell im Editor bearbeiten
Preis
Kostenlos
Kostenloser Tarif, keine Kreditkarte nötig

Videos pro Einbettung

Einbettungscode

Ein Video (oder eine Playlist)

Video Gallery

Unbegrenzt viele Videos in einem Widget

Bleibt aktuell

Einbettungscode

Code für jedes neue Video bearbeiten

Video Gallery

Neue TikTok-Videos erscheinen automatisch

Quellen mischen

Einbettungscode

Eine Plattform pro Snippet

Video Gallery

YouTube, Vimeo, TikTok, Instagram, Twitch und jeder Video-Link

Layouts

Einbettungscode

Einzelner Player

Video Gallery

Player mit Galerie, Karussell, Raster, Masonry, Playlist

Responsives Design

Einbettungscode

Braucht einen CSS-Wrapper

Video Gallery

Integriert

Programmierung

Einbettungscode

Code für jedes Video kopieren und einfügen

Video Gallery

Kein Code – visuell im Editor bearbeiten

Preis

Einbettungscode

Kostenlos

Video Gallery

Kostenloser Tarif, keine Kreditkarte nötig

Häufig gestellte Fragen

Offizielle Dokumentation

Weitere kostenlose Tools

YouTube-Einbettungscode-Generator

Fügen Sie einen beliebigen YouTube-Link ein und erhalten Sie in Sekunden einen responsiven Einbettungscode.YouTube-Einbettungscode-Generator

Video-Einbettungscode-Generator

Betten Sie ein Video ein, das überall liegen kann: MP4, Google Drive, Dropbox, Loom oder Wistia.Video-Einbettungscode-Generator

Ähnliche Leitfäden

Video auf einer Website einbetten

Laden Sie das Video auf YouTube oder Vimeo hoch und fügen Sie dessen Einbettungscode ein, nutzen Sie das HTML5-Video-Tag für Dateien, die Sie selbst hosten, oder ein Video-Galerie-Widget, wenn Sie mehrere Videos brauchen. Hier steht, wie jede Methode funktioniert und wann Sie sie nutzen.Video auf einer Website einbetten