Generator kode embed Twitch

<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;">Dibuat dengan <a href="https://elfsight.id/tools/twitch-embed-generator/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Elfsight</a></p>
- Klik Salin kode di atas untuk menyalinnya.
- Buka file HTML atau template halaman Anda.
- Tempel kode di dalam
<body>, di tempat konten akan muncul. - Simpan dan unggah halaman, lalu buka di browser untuk memeriksanya.
Butuh lebih dari satu video?
Tampilkan seluruh channel sebagai galeri interaktif yang memperbarui diri sendiri.
Lihat Video Gallery untuk HTML →Tampilkan stream dan video dari beberapa channel
Diperbarui otomatis saat Anda memublikasikan video baru
Carousel, grid, masonry, atau pemutar dengan playlist
YouTube, Vimeo, TikTok, Instagram, Twitch, dan tautan video apa pun
Tanpa coding — berfungsi di situs web mana pun

Generator ini vs kode embed bawaan Twitch
parent)https://, path, dan port dihapus otomatis.v di depan angka.v untuk Anda.Domain Anda (parent)
Tombol Embed bawaan Twitch
Generator ini
https://, path, dan port dihapus otomatis.Stream, video, dan klip
Tombol Embed bawaan Twitch
Generator ini
ID video
Tombol Embed bawaan Twitch
v di depan angka.Generator ini
v untuk Anda.Putar otomatis
Tombol Embed bawaan Twitch
Generator ini
Ukuran
Tombol Embed bawaan Twitch
Generator ini
Cara menggunakan generator Generator kode embed Twitch
Pilih yang ingin di-embed
Channel live, siaran sebelumnya, atau klip.
Tambahkan domain Anda
Twitch hanya memutar embed di domain yang tercantum dalam parameter parent.
Salin kodenya
Tempel ke blok HTML atau embed di domain tersebut.
Parameter embed Twitch
channelchannel=yourchannelvideov.video=v123456789collectionvideo, pemutaran dimulai dari video tersebut.collection=abc123cliphttps://clips.twitch.tv/embed.clip=SlugOfTheClipparentparent=example.com&parent=www.example.comautoplaytrue untuk stream dan video, false untuk klip.autoplay=falsemutedfalse.muted=truetimetime=1h2m3swidth, heightwidth="100%"allowfullscreen<iframe … allowfullscreen>channel
Fungsinya
Contoh
channel=yourchannelvideo
Fungsinya
v.Contoh
video=v123456789collection
Fungsinya
video, pemutaran dimulai dari video tersebut.Contoh
collection=abc123clip
Fungsinya
https://clips.twitch.tv/embed.Contoh
clip=SlugOfTheClipparent
Fungsinya
Contoh
parent=example.com&parent=www.example.comautoplay
Fungsinya
true untuk stream dan video, false untuk klip.Contoh
autoplay=falsemuted
Fungsinya
false.Contoh
muted=truetime
Fungsinya
Contoh
time=1h2m3swidth, height
Fungsinya
Contoh
width="100%"allowfullscreen
Fungsinya
Contoh
<iframe … allowfullscreen>Error parent — apa itu dan cara memperbaikinya
Pemutar menampilkan error, bukan stream
Twitch mewajibkan setiap embed mencantumkan domain tempatnya berjalan dalam parameter parent. Jika tidak ada atau tidak cocok dengan domain halaman, penonton mendapat error dan tautan untuk menonton di Twitch. Isi parent dengan nama domain saja, seperti parent=example.com — tanpa https://, tanpa path, tanpa port.
Berfungsi di satu alamat tetapi tidak di alamat lain
Tambahkan satu parent untuk setiap domain tempat halaman dibuka, misalnya parent=example.com&parent=www.example.com&parent=staging.example.com.
Situs Anda tidak menggunakan HTTPS
Twitch mewajibkan situs yang menyematkan pemutarnya menggunakan sertifikat SSL. Buka halaman lewat https://; halaman http:// biasa tidak akan memutar.
Gagal hanya di dalam website builder Anda
Sebagian builder menampilkan kode Anda di dalam frame pada domain mereka sendiri. Tambahkan domain itu sebagai parent lain, atau periksa halaman yang sudah dipublikasikan, bukan editornya.
Pemutar terlalu kecil
Embed Twitch harus berlebar minimal 400 px dan tinggi 300 px.
Putar otomatis tidak dimulai
Putar otomatis memerlukan pemutar yang cukup besar dan terlihat di layar. Di ponsel, penonton harus mengetuk putar. Jangan tutupi pemutar dengan elemen halaman lain.
Tautan pemutar untuk stream, video, dan klip
https://player.twitch.tv/?channel=NAME&parent=example.comhttps://player.twitch.tv/?video=v123456789&parent=example.comhttps://player.twitch.tv/?collection=ID&parent=example.comhttps://clips.twitch.tv/embed?clip=SLUG&parent=example.comLive stream
URL pemutar
https://player.twitch.tv/?channel=NAME&parent=example.comSiaran sebelumnya, highlight, atau unggahan
URL pemutar
https://player.twitch.tv/?video=v123456789&parent=example.comKoleksi
URL pemutar
https://player.twitch.tv/?collection=ID&parent=example.comKlip
URL pemutar
https://clips.twitch.tv/embed?clip=SLUG&parent=example.comEmbed channel hanya menampilkan stream saat channel sedang live. Klip memiliki pemutar sendiri di clips.twitch.tv. Setiap URL memerlukan parent dengan domain Anda, dan situs Anda harus menggunakan HTTPS. Lihat dokumentasi embed video dan klip Twitch.
Kode sematan vs. Elfsight Video Gallery
Video per embed
Kode embed
Video Gallery
Selalu terbaru
Kode embed
Video Gallery
Gabungkan sumber
Kode embed
Video Gallery
Tata letak
Kode embed
Video Gallery
Desain responsif
Kode embed
Video Gallery
Coding
Kode embed
Video Gallery
Harga
Kode embed
Video Gallery