Twitch gömme kodu oluşturucu

Twitch canlı yayınını, geçmiş yayınını veya klibini web sitenize ücretsiz ekleyin. Alan adınızı girin ve kullanıma hazır oynatıcı kodunu kopyalayın. Kayıt gerekmez.
Twitch gömme kodu oluşturucu
Kanalın canlı yayınını gösterir. Bir ad veya bağlantı; örn. https://www.twitch.tv/twitch
Tüm channel içeriğini kendini güncelleyen bir galeri olarak görmek ister misiniz?
Köşe yarıçapı

Videoyu gömün

<div style="position:relative;border-radius:24px;overflow:hidden;width:100%;aspect-ratio:16 / 9;">
  <iframe style="position:absolute;inset:0;width:100%;height:100%;border:0;" src="https://player.twitch.tv/?channel=twitch&parent=example.com&autoplay=false&muted=true" title="Twitch player" loading="lazy" allowfullscreen></iframe>
</div>
<p style="margin:4px auto 0;text-align:center;font:11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#a3a7b0;"><a href="https://tr.elfsight.com/tools/twitch-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 channel 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 channel içeriğini kendini güncelleyen etkileşimli bir galeri olarak gösterin.

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

Birden fazla kanaldan yayın ve video gösterin

Video Gallery, bir kanaldan veya kategoriden Twitch videolarını YouTube videolarınızın yanında 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
Twitch 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 Twitch’in kendi gömme kodu

Twitch’in gömme kodu çalışır, ancak alan adınızı doldurmanız ve doğru oynatıcıyı kendiniz seçmeniz gerekir. İşte aradaki fark.
Twitch’in kendi Göm düğmesi
Bu oluşturucu
Alan adınız (parent)
Her alan adını koda elle eklersiniz.
Bir veya daha fazla alan adı yazın; https://, yollar ve bağlantı noktaları sizin için kaldırılır.
Yayınlar, videolar ve klipler
Her biri için farklı oynatıcılar ve URL’ler.
Herhangi bir twitch.tv veya klip bağlantısı yapıştırın; doğru oynatıcıyı kendisi seçer.
Video kimlikleri
Sayının önünde v olması gerekir.
v harfini sizin için ekler.
Otomatik oynatma
Yayınlar ve videolar varsayılan olarak kendiliğinden başlar; klipler başlamaz.
Açmadıkça kapalıdır; Sessiz başlat varsayılan olarak açıktır.
Boyut
Genişlik ve yüksekliği siz belirlersiniz; en az 400×300 px.
İsteğe bağlı 16:9 duyarlı sarmalayıcı.

Alan adınız (parent)

Twitch’in kendi Göm düğmesi

Her alan adını koda elle eklersiniz.

Bu oluşturucu

Bir veya daha fazla alan adı yazın; https://, yollar ve bağlantı noktaları sizin için kaldırılır.

Yayınlar, videolar ve klipler

Twitch’in kendi Göm düğmesi

Her biri için farklı oynatıcılar ve URL’ler.

Bu oluşturucu

Herhangi bir twitch.tv veya klip bağlantısı yapıştırın; doğru oynatıcıyı kendisi seçer.

Video kimlikleri

Twitch’in kendi Göm düğmesi

Sayının önünde v olması gerekir.

Bu oluşturucu

v harfini sizin için ekler.

Otomatik oynatma

Twitch’in kendi Göm düğmesi

Yayınlar ve videolar varsayılan olarak kendiliğinden başlar; klipler başlamaz.

Bu oluşturucu

Açmadıkça kapalıdır; Sessiz başlat varsayılan olarak açıktır.

Boyut

Twitch’in kendi Göm düğmesi

Genişlik ve yüksekliği siz belirlersiniz; en az 400×300 px.

Bu oluşturucu

İsteğe bağlı 16:9 duyarlı sarmalayıcı.

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

  1. Neyi gömeceğinizi seçin

    Canlı bir kanal, geçmiş bir yayın veya bir klip.

  2. Alan adınızı ekleyin

    Twitch, gömme kodlarını yalnızca parent parametresinde listelenen alan adlarında oynatır.

  3. Kodu kopyalayın

    O alan adındaki bir HTML veya gömme bloğuna yapıştırın.

Twitch gömme parametreleri

Parametre
Ne işe yarar
Örnek
channel
Bir kanalın canlı yayınını gösterir.
channel=yourchannel
video
Geçmiş bir yayını, öne çıkan videoyu veya yüklemeyi gösterir. Kimliğin başına v eklenmelidir.
video=v123456789
collection
Bir video koleksiyonunu oynatır. video ile birlikte kullanılırsa o videodan başlar.
collection=abc123
clip
Bir klip gösterir. https://clips.twitch.tv/embed ile kullanılır.
clip=SlugOfTheClip
parent
Oynatıcıyı göstermesine izin verilen alan adı. Zorunludur. Her alan adı için yineleyin.
parent=example.com&parent=www.example.com
autoplay
Tıklama olmadan oynatmayı başlatır. Yayınlar ve videolar için varsayılan true, klipler için false.
autoplay=false
muted
Sesi kapalı başlatır. Varsayılan false.
muted=true
time
Bir videonun başlangıç noktası; saat, dakika ve saniye olarak.
time=1h2m3s
width, height
Oynatıcı boyutu; piksel veya yüzde olarak. En az 400×300.
width="100%"
allowfullscreen
İzleyicilerin tam ekrana geçmesini sağlayan iframe özniteliği.
<iframe … allowfullscreen>

channel

Ne işe yarar

Bir kanalın canlı yayınını gösterir.

Örnek

channel=yourchannel

video

Ne işe yarar

Geçmiş bir yayını, öne çıkan videoyu veya yüklemeyi gösterir. Kimliğin başına v eklenmelidir.

Örnek

video=v123456789

collection

Ne işe yarar

Bir video koleksiyonunu oynatır. video ile birlikte kullanılırsa o videodan başlar.

Örnek

collection=abc123

clip

Ne işe yarar

Bir klip gösterir. https://clips.twitch.tv/embed ile kullanılır.

Örnek

clip=SlugOfTheClip

parent

Ne işe yarar

Oynatıcıyı göstermesine izin verilen alan adı. Zorunludur. Her alan adı için yineleyin.

Örnek

parent=example.com&parent=www.example.com

autoplay

Ne işe yarar

Tıklama olmadan oynatmayı başlatır. Yayınlar ve videolar için varsayılan true, klipler için false.

Örnek

autoplay=false

muted

Ne işe yarar

Sesi kapalı başlatır. Varsayılan false.

Örnek

muted=true

time

Ne işe yarar

Bir videonun başlangıç noktası; saat, dakika ve saniye olarak.

Örnek

time=1h2m3s

width, height

Ne işe yarar

Oynatıcı boyutu; piksel veya yüzde olarak. En az 400×300.

Örnek

width="100%"

allowfullscreen

Ne işe yarar

İzleyicilerin tam ekrana geçmesini sağlayan iframe özniteliği.

Örnek

<iframe … allowfullscreen>

Kaynak: Twitch Developers: Video ve klip gömme

Parent hatası: nedir ve nasıl düzeltilir

Oynatıcı yayın yerine hata gösteriyor

Twitch, her gömme kodunun çalıştığı alan adlarını parent parametresinde listelemesini ister. Eksikse veya sayfanın alan adıyla eşleşmiyorsa izleyiciler bir hata ve Twitch’te izleme bağlantısı görür. Alan adınızı parent içine düz ad olarak yazın, örneğin parent=example.com; https://, yol veya bağlantı noktası olmadan.

Bir adreste çalışıyor, diğerinde çalışmıyor

Sayfanın açıldığı her alan adı için bir parent ekleyin; örneğin parent=example.com&parent=www.example.com&parent=staging.example.com.

Siteniz HTTPS üzerinde değil

Twitch, oynatıcısını gömen sitelerin SSL sertifikası kullanmasını ister. Sayfayı https:// üzerinden açın; düz http:// sayfası oynatmaz.

Yalnızca site oluşturucunuzun içinde çalışmıyor

Bazı oluşturucular kodunuzu kendi alan adlarındaki bir çerçevede gösterir. O alan adını ek bir parent olarak ekleyin veya düzenleyici yerine yayınlanmış sayfayı kontrol edin.

Oynatıcı çok küçük

Twitch gömme kodları en az 400 px genişliğinde ve 300 px yüksekliğinde olmalıdır.

Otomatik oynatma başlamıyor

Otomatik oynatma için oynatıcının yeterince büyük ve ekranda görünür olması gerekir. Telefonlarda izleyicilerin oynat düğmesine dokunması gerekir. Oynatıcıyı sayfanın diğer öğeleriyle örtmeyin.

Yayınlar, videolar ve klipler için oynatıcı bağlantıları

Neyi gömüyorsunuz
Oynatıcı URL’si
Canlı yayın
https://player.twitch.tv/?channel=NAME&parent=example.com
Geçmiş yayın, öne çıkan video veya yükleme
https://player.twitch.tv/?video=v123456789&parent=example.com
Koleksiyon
https://player.twitch.tv/?collection=ID&parent=example.com
Klip
https://clips.twitch.tv/embed?clip=SLUG&parent=example.com

Canlı yayın

Oynatıcı URL’si

https://player.twitch.tv/?channel=NAME&parent=example.com

Geçmiş yayın, öne çıkan video veya yükleme

Oynatıcı URL’si

https://player.twitch.tv/?video=v123456789&parent=example.com

Koleksiyon

Oynatıcı URL’si

https://player.twitch.tv/?collection=ID&parent=example.com

Klip

Oynatıcı URL’si

https://clips.twitch.tv/embed?clip=SLUG&parent=example.com

Kanal gömme kodu, yayını yalnızca kanal canlıyken gösterir. Kliplerin clips.twitch.tv üzerinde kendi oynatıcısı vardır. Her URL’nin alan adınızla bir parent içermesi gerekir ve siteniz HTTPS kullanmalıdır. Twitch’in video ve klip gömme belgelerine bakın.

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

Video Şeması Oluşturucu

Herhangi bir video için VideoObject yapılandırılmış verisi (JSON-LD) oluşturun.Video Şeması 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