TikTok gömme kodu oluşturucu

Bir TikTok video bağlantısı yapıştırın ve web sitenizde, blogunuzda veya online mağazanızda göstermek için resmi gömme kodunu ücretsiz alın. Kayıt gerekmez.
TikTok gömme kodu oluşturucu
Videonun bağlantısı: Paylaş → Bağlantıyı kopyala; örn. https://www.tiktok.com/@scout2015/video/6718335390845095173
Tüm TikTok kanalı içeriğini kendini güncelleyen bir galeri olarak görmek ister misiniz?

Videoyu gömün

<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;"><a href="https://tr.elfsight.com/tools/tiktok-embed-generator/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Elfsight</a> ile oluşturuldu</p>

  1. Kopyalamak için yukarıdaki Kodu kopyala düğmesine tıklayın.
  2. Sayfanın HTML dosyasını veya şablonunu açın.
  3. Kodu, içeriğin görünmesini istediğiniz yere, <body> içine yapıştırın.
  4. Sayfayı kaydedip yükleyin, ardından kontrol etmek için tarayıcıda açın.

Birden fazla videoya mı ihtiyacınız var?

Tüm TikTok kanalı içeriğini kendini güncelleyen etkileşimli bir galeri olarak gösterin.

HTML için Video Gallery'yi görün →

Ayrılmadan önce

Birden fazla videoya mı ihtiyacınız var? Tüm TikTok kanalı içeriğini kendini güncelleyen etkileşimli bir galeri olarak gösterin.

TikTok video galerisi oluştur →
Ya da bu ücretsiz aracı paylaşın:
Elfsight Video Gallery

Tüm TikTok kanalınızı veya bir hashtag’i gösterin

Video Gallery, bir kanaldan veya hashtag’ten TikTok videolarını YouTube ve Instagram videolarınızın yanında galeri veya karuselde gösterir.

  • Yeni video yayınladığınızda otomatik güncellenir

  • Kaydırıcı, ızgara, masonry veya oynatma listeli oynatıcı

  • YouTube, Vimeo, TikTok, Instagram, Twitch ve her video bağlantısı

  • Kodlama yok; her web sitesinde çalışır

Widget'ı ücretsiz oluşturun
Kredi kartı gerekmez
TikTok video galerisi oluştur
Ana tanıtım turu — sekmeler, düzen, kart stili, koyu tema, görüntüleyici ve harekete geçirici mesajı

Bu oluşturucu ve TikTok’un kendi Göm düğmesi

TikTok’un Paylaş → Göm seçeneği tek bir video için standart kodu verir. Kodu burada oluşturduğunuzda şunlar değişir.
TikTok’un kendi Göm düğmesi
Bu oluşturucu
Nerede çalışır
TikTok, kodu uygulamadan değil masaüstü tarayıcıda kopyalamanızı ister.
Herhangi bir cihazdan bağlantı yapıştırın.
Kod türü
Resmi kod: bir blockquote ve embed.js.
Resmi kod veya hafif iframe oynatıcı (/player/v1/).
Açıklama, müzik ve içerik üretici
Videonun çevresinde her zaman gösterilir.
Resmi kodla gösterilir; hafif oynatıcıda isteğe bağlıdır (description, music_info).
Otomatik oynatma, döngü, sessiz
Mevcut değil.
Hafif oynatıcıda kullanılabilir (autoplay, loop, muted).
Oynatıcı kontrolleri
TikTok’un varsayılan kontrolleri.
Hafif oynatıcıda ilerleme çubuğunu, zaman damgasını veya tüm kontrolleri gizleyin.
İlgili videolar
TikTok tarafından seçilir.
Hafif oynatıcıda rel=0 ile yazarın kendi videolarıyla sınırlayın.

Nerede çalışır

TikTok’un kendi Göm düğmesi

TikTok, kodu uygulamadan değil masaüstü tarayıcıda kopyalamanızı ister.

Bu oluşturucu

Herhangi bir cihazdan bağlantı yapıştırın.

Kod türü

TikTok’un kendi Göm düğmesi

Resmi kod: bir blockquote ve embed.js.

Bu oluşturucu

Resmi kod veya hafif iframe oynatıcı (/player/v1/).

Açıklama, müzik ve içerik üretici

TikTok’un kendi Göm düğmesi

Videonun çevresinde her zaman gösterilir.

Bu oluşturucu

Resmi kodla gösterilir; hafif oynatıcıda isteğe bağlıdır (description, music_info).

Otomatik oynatma, döngü, sessiz

TikTok’un kendi Göm düğmesi

Mevcut değil.

Bu oluşturucu

Hafif oynatıcıda kullanılabilir (autoplay, loop, muted).

Oynatıcı kontrolleri

TikTok’un kendi Göm düğmesi

TikTok’un varsayılan kontrolleri.

Bu oluşturucu

Hafif oynatıcıda ilerleme çubuğunu, zaman damgasını veya tüm kontrolleri gizleyin.

İlgili videolar

TikTok’un kendi Göm düğmesi

TikTok tarafından seçilir.

Bu oluşturucu

Hafif oynatıcıda rel=0 ile yazarın kendi videolarıyla sınırlayın.

TikTok gömme kodu oluşturucu oluşturucusu nasıl kullanılır

  1. Video bağlantısını kopyalayın

    TikTok’ta videoyu açın ve bağlantısını tarayıcıdan veya Paylaş menüsünden kopyalayın.

  2. Yukarıya yapıştırın

    Oluşturucu, TikTok’un resmi gömme kodunu hazırlar.

  3. Sitenize yapıştırın

    Bir HTML veya gömme bloğuna ekleyin. Gömme betiği oynatıcıyı yükler.

TikTok hafif oynatıcı parametreleri

Parametre
Ne işe yarar
Örnek
controls
İlerleme çubuğunu ve tüm kontrol düğmelerini gösterir (1) veya gizler (0). Varsayılan 1.
controls=0
progress_bar
İlerleme çubuğunu gösterir veya gizler. Varsayılan 1.
progress_bar=0
play_button
Oynat düğmesini gösterir veya gizler. Varsayılan 1.
play_button=0
volume_control
Ses düğmesini gösterir veya gizler. Varsayılan 1.
volume_control=0
fullscreen_button
Tam ekran düğmesini gösterir veya gizler. Varsayılan 1.
fullscreen_button=0
timestamp
Geçerli süreyi ve toplam süreyi gösterir veya gizler. Varsayılan 1.
timestamp=0
loop
Video bittiğinde yeniden oynatır. Varsayılan 0.
loop=1
autoplay
Video yüklendiğinde başlatır. Varsayılan 0.
autoplay=1
muted
Sesi kapalı başlatır ve ses düzeyini kilitler. Varsayılan 0.
muted=1
music_info
Müzik bilgisini gösterir. Varsayılan 0.
music_info=1
description
Video açıklamasını gösterir. Varsayılan 0.
description=1
rel
1 ilgili videolar olarak önerilen videoları gösterir; 0 yazarın kendi videolarını gösterir. Varsayılan 1.
rel=0
native_context_menu
Tarayıcının sağ tık menüsünü gösterir veya gizler. Varsayılan 1.
native_context_menu=0
closed_caption
Altyazı düğmesini gösterir veya gizler. Varsayılan 1.
closed_caption=0

controls

Ne işe yarar

İlerleme çubuğunu ve tüm kontrol düğmelerini gösterir (1) veya gizler (0). Varsayılan 1.

Örnek

controls=0

progress_bar

Ne işe yarar

İlerleme çubuğunu gösterir veya gizler. Varsayılan 1.

Örnek

progress_bar=0

play_button

Ne işe yarar

Oynat düğmesini gösterir veya gizler. Varsayılan 1.

Örnek

play_button=0

volume_control

Ne işe yarar

Ses düğmesini gösterir veya gizler. Varsayılan 1.

Örnek

volume_control=0

fullscreen_button

Ne işe yarar

Tam ekran düğmesini gösterir veya gizler. Varsayılan 1.

Örnek

fullscreen_button=0

timestamp

Ne işe yarar

Geçerli süreyi ve toplam süreyi gösterir veya gizler. Varsayılan 1.

Örnek

timestamp=0

loop

Ne işe yarar

Video bittiğinde yeniden oynatır. Varsayılan 0.

Örnek

loop=1

autoplay

Ne işe yarar

Video yüklendiğinde başlatır. Varsayılan 0.

Örnek

autoplay=1

muted

Ne işe yarar

Sesi kapalı başlatır ve ses düzeyini kilitler. Varsayılan 0.

Örnek

muted=1

music_info

Ne işe yarar

Müzik bilgisini gösterir. Varsayılan 0.

Örnek

music_info=1

description

Ne işe yarar

Video açıklamasını gösterir. Varsayılan 0.

Örnek

description=1

rel

Ne işe yarar

1 ilgili videolar olarak önerilen videoları gösterir; 0 yazarın kendi videolarını gösterir. Varsayılan 1.

Örnek

rel=0

native_context_menu

Ne işe yarar

Tarayıcının sağ tık menüsünü gösterir veya gizler. Varsayılan 1.

Örnek

native_context_menu=0

closed_caption

Ne işe yarar

Altyazı düğmesini gösterir veya gizler. Varsayılan 1.

Örnek

closed_caption=0

Kaynak: TikTok for Developers: Video gömme

TikTok neden görünmüyor

Hesap veya video gizli

Yalnızca herkese açık videolar gömülebilir. Videoyu TikTok’ta herkese açık yapın veya başka bir tane seçin.

Video silindi veya kaldırıldı

TikTok, gömülü bir videonun yalnızca uygulamada mevcut olduğu sürece kullanılabilir olduğunu belirtir. Video kaldırıldıysa gömme kodu çalışmaz; değiştirin.

Bir reklam engelleyici veya gizlilik eklentisi açık

Bazı engelleyiciler tiktok.com kaynaklı betikleri ve çerçeveleri durdurur. Sayfayı eklentileri kapalı bir gizli pencerede kontrol edin. Ziyaretçilerinizin engelleyicilerini kontrol edemezsiniz; bu yüzden gömme kodunun yanında videoya bir bağlantı bulundurun.

Site oluşturucunuz betiği kaldırdı

Pek çok metin bloğu <script> etiketlerini siler. Kodu bir HTML veya özel kod bloğuna yapıştırın ya da betik gerektirmeyen hafif iframe oynatıcıyı kullanın.

Kısa bağlantı yapıştırdınız

Kısa vm.tiktok.com veya vt.tiktok.com bağlantıları video kimliğini içermez. Bağlantıyı tarayıcıda açın ve tam tiktok.com/@user/video/… adresini kopyalayın.

Otomatik oynatma başlamıyor

Tarayıcılar sesli otomatik oynatmayı sıklıkla engeller. autoplay ile birlikte muted özniteliğini açın.

Resmi kod mu, hafif oynatıcı mı: hangisini seçmeli

TikTok, bir videoyu sitenize eklemek için iki yol sunar. İkisi de TikTok tarafından belgelenmiştir.

Resmi kod
Hafif oynatıcı
Nedir
Bir <blockquote class="tiktok-embed"> ve TikTok’un embed.js betiği
https://www.tiktok.com/player/v1/VIDEO_ID adresine işaret eden bir <iframe>
İzleyiciler ne görür
Videoyu; içerik üreticisi, açıklama, hashtag’ler ve ses kredisiyle birlikte
Yalnızca video; açıklama ve müzik isteğe bağlıdır
Boyut
325px ile 605px genişlik arasında
iframe’e verdiğiniz boyut
Betik gerekir mi
Evet
Hayır
Otomatik oynatma, döngü, sessiz, gizli kontroller
Hayır
Evet, URL parametreleriyle

Nedir

Resmi kod

Bir <blockquote class="tiktok-embed"> ve TikTok’un embed.js betiği

Hafif oynatıcı

https://www.tiktok.com/player/v1/VIDEO_ID adresine işaret eden bir <iframe>

İzleyiciler ne görür

Resmi kod

Videoyu; içerik üreticisi, açıklama, hashtag’ler ve ses kredisiyle birlikte

Hafif oynatıcı

Yalnızca video; açıklama ve müzik isteğe bağlıdır

Boyut

Resmi kod

325px ile 605px genişlik arasında

Hafif oynatıcı

iframe’e verdiğiniz boyut

Betik gerekir mi

Resmi kod

Evet

Hafif oynatıcı

Hayır

Otomatik oynatma, döngü, sessiz, gizli kontroller

Resmi kod

Hayır

Hafif oynatıcı

Evet, URL parametreleriyle

Resmi kodu şu durumlarda seçin

  • gönderinin TikTok’taki gibi, içerik üreticisinin adı ve açıklamasıyla görünmesini istiyorsanız;

  • site oluşturucunuz betiklere izin veriyorsa.

Hafif oynatıcıyı şu durumlarda seçin

  • örneğin bir ürün bölümünde veya üst bölümde sade bir video istiyorsanız;

  • otomatik oynatma, döngü veya sessiz oynatma gerekiyorsa;

  • oluşturucunuz betikleri siliyor ama iframe’lere izin veriyorsa.

Hangisini seçerseniz seçin, video TikTok’ta herkese açık kalmalıdır. Ayrıntılar TikTok’un Embed Player ve Embed Videos belgelerinde.

Gömme kodu ile Elfsight Video Gallery karşılaştırması

Gömme kodu
Video Gallery
Gömme başına video
Tek video (veya tek oynatma listesi)
Tek widget'ta sınırsız video
Güncel kalır
Her yeni video için kodu düzenlemeniz gerekir
Yeni TikTok videoları otomatik olarak görünür
Kaynakları karıştırma
Parça başına bir platform
YouTube, Vimeo, TikTok, Instagram, Twitch ve her video bağlantısı
Düzenler
Tek oynatıcı
Galeri, Karusel, Izgara, Masonry ve Oynatma listesi düzenli oynatıcı
Duyarlı tasarım
CSS sarmalayıcı gerekir
Yerleşik
Kodlama
Her video için kodu kopyalayıp yapıştırın
Kodsuz, düzenleyicide görsel olarak düzenleyin
Fiyat
Ücretsiz
Ücretsiz plan, kredi kartı gerekmez

Gömme başına video

Gömme kodu

Tek video (veya tek oynatma listesi)

Video Gallery

Tek widget'ta sınırsız video

Güncel kalır

Gömme kodu

Her yeni video için kodu düzenlemeniz gerekir

Video Gallery

Yeni TikTok videoları otomatik olarak görünür

Kaynakları karıştırma

Gömme kodu

Parça başına bir platform

Video Gallery

YouTube, Vimeo, TikTok, Instagram, Twitch ve her video bağlantısı

Düzenler

Gömme kodu

Tek oynatıcı

Video Gallery

Galeri, Karusel, Izgara, Masonry ve Oynatma listesi düzenli oynatıcı

Duyarlı tasarım

Gömme kodu

CSS sarmalayıcı gerekir

Video Gallery

Yerleşik

Kodlama

Gömme kodu

Her video için kodu kopyalayıp yapıştırın

Video Gallery

Kodsuz, düzenleyicide görsel olarak düzenleyin

Fiyat

Gömme kodu

Ücretsiz

Video Gallery

Ücretsiz plan, kredi kartı gerekmez

Sık sorulan sorular

Resmi dokümantasyon

Daha fazla ücretsiz araç

YouTube Gömme Kodu Oluşturucu

Herhangi bir YouTube bağlantısını yapıştırın ve saniyeler içinde duyarlı bir gömme kodu alın.YouTube Gömme Kodu Oluşturucu

Video Gömme Kodu Oluşturucu

Herhangi bir yerde barındırılan videoyu gömün: MP4, Google Drive, Dropbox, Loom veya Wistia.Video Gömme Kodu Oluşturucu

İlgili rehberler

Web sitesine video nasıl gömülür

Videoyu YouTube veya Vimeo'ya yükleyip gömme kodunu yapıştırın, kendi barındırdığınız dosyalar için HTML5 video etiketini kullanın veya birden çok videoya ihtiyacınız olduğunda bir video galerisi widget'ı kullanın. İşte her yöntemin nasıl çalıştığı ve ne zaman kullanılacağı.Web sitesine video nasıl gömülür