Generator kode embed Twitch

Tampilkan live stream, siaran sebelumnya, atau klip Twitch di website Anda secara gratis. Tambahkan domain Anda dan salin kode pemutar yang siap pakai. Tanpa perlu mendaftar.
Generator kode embed Twitch
Menampilkan live stream channel. Nama atau tautan, mis. https://www.twitch.tv/twitch
Ingin seluruh channel sebagai galeri yang memperbarui diri sendiri?
Radius sudut

Sematkan video

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

  1. Klik Salin kode di atas untuk menyalinnya.
  2. Buka file HTML atau template halaman Anda.
  3. Tempel kode di dalam <body>, di tempat konten akan muncul.
  4. 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 →

Sebelum Anda pergi

Butuh lebih dari satu video? Tampilkan seluruh channel sebagai galeri interaktif yang memperbarui diri sendiri.

Buat galeri Twitch →
Atau bagikan alat gratis ini:
Elfsight Video Gallery

Tampilkan stream dan video dari beberapa channel

Video Gallery menampilkan video Twitch dari sebuah channel atau kategori, berdampingan dengan video YouTube Anda.
  • 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

Tur hero — tab, layout, gaya kartu, tema gelap, viewer dan ajakan bertindaknya

Generator ini vs kode embed bawaan Twitch

Kode embed Twitch memang berfungsi, tetapi Anda harus mengisi domain dan memilih pemutar yang tepat sendiri. Inilah perbedaannya.
Tombol Embed bawaan Twitch
Generator ini
Domain Anda (parent)
Anda menambahkan setiap domain ke kode secara manual.
Ketik satu atau beberapa domain; https://, path, dan port dihapus otomatis.
Stream, video, dan klip
Pemutar dan URL yang berbeda untuk masing-masing.
Tempel tautan twitch.tv atau klip apa pun — pemutar yang tepat dipilih otomatis.
ID video
Perlu huruf v di depan angka.
Menambahkan v untuk Anda.
Putar otomatis
Stream dan video dimulai sendiri secara default; klip tidak.
Nonaktif kecuali Anda mengaktifkannya; Mulai tanpa suara aktif secara default.
Ukuran
Anda menentukan lebar dan tinggi; minimal 400×300 px.
Pembungkus responsif 16:9 opsional.

Domain Anda (parent)

Tombol Embed bawaan Twitch

Anda menambahkan setiap domain ke kode secara manual.

Generator ini

Ketik satu atau beberapa domain; https://, path, dan port dihapus otomatis.

Stream, video, dan klip

Tombol Embed bawaan Twitch

Pemutar dan URL yang berbeda untuk masing-masing.

Generator ini

Tempel tautan twitch.tv atau klip apa pun — pemutar yang tepat dipilih otomatis.

ID video

Tombol Embed bawaan Twitch

Perlu huruf v di depan angka.

Generator ini

Menambahkan v untuk Anda.

Putar otomatis

Tombol Embed bawaan Twitch

Stream dan video dimulai sendiri secara default; klip tidak.

Generator ini

Nonaktif kecuali Anda mengaktifkannya; Mulai tanpa suara aktif secara default.

Ukuran

Tombol Embed bawaan Twitch

Anda menentukan lebar dan tinggi; minimal 400×300 px.

Generator ini

Pembungkus responsif 16:9 opsional.

Cara menggunakan generator Generator kode embed Twitch

  1. Pilih yang ingin di-embed

    Channel live, siaran sebelumnya, atau klip.

  2. Tambahkan domain Anda

    Twitch hanya memutar embed di domain yang tercantum dalam parameter parent.

  3. Salin kodenya

    Tempel ke blok HTML atau embed di domain tersebut.

Parameter embed Twitch

Parameter
Fungsinya
Contoh
channel
Menampilkan live stream sebuah channel.
channel=yourchannel
video
Menampilkan siaran sebelumnya, highlight, atau unggahan. ID harus diawali huruf v.
video=v123456789
collection
Memutar kumpulan video. Bersama video, pemutaran dimulai dari video tersebut.
collection=abc123
clip
Menampilkan klip. Digunakan dengan https://clips.twitch.tv/embed.
clip=SlugOfTheClip
parent
Domain yang diizinkan menampilkan pemutar. Wajib diisi. Ulangi untuk setiap domain.
parent=example.com&parent=www.example.com
autoplay
Memulai pemutaran tanpa klik. Default true untuk stream dan video, false untuk klip.
autoplay=false
muted
Mulai tanpa suara. Default false.
muted=true
time
Titik mulai video, dalam jam, menit, dan detik.
time=1h2m3s
width, height
Ukuran pemutar dalam piksel atau persen. Minimum 400×300.
width="100%"
allowfullscreen
Atribut iframe yang memungkinkan penonton beralih ke layar penuh.
<iframe … allowfullscreen>

channel

Fungsinya

Menampilkan live stream sebuah channel.

Contoh

channel=yourchannel

video

Fungsinya

Menampilkan siaran sebelumnya, highlight, atau unggahan. ID harus diawali huruf v.

Contoh

video=v123456789

collection

Fungsinya

Memutar kumpulan video. Bersama video, pemutaran dimulai dari video tersebut.

Contoh

collection=abc123

clip

Fungsinya

Menampilkan klip. Digunakan dengan https://clips.twitch.tv/embed.

Contoh

clip=SlugOfTheClip

parent

Fungsinya

Domain yang diizinkan menampilkan pemutar. Wajib diisi. Ulangi untuk setiap domain.

Contoh

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

autoplay

Fungsinya

Memulai pemutaran tanpa klik. Default true untuk stream dan video, false untuk klip.

Contoh

autoplay=false

muted

Fungsinya

Mulai tanpa suara. Default false.

Contoh

muted=true

time

Fungsinya

Titik mulai video, dalam jam, menit, dan detik.

Contoh

time=1h2m3s

width, height

Fungsinya

Ukuran pemutar dalam piksel atau persen. Minimum 400×300.

Contoh

width="100%"

allowfullscreen

Fungsinya

Atribut iframe yang memungkinkan penonton beralih ke layar penuh.

Contoh

<iframe … allowfullscreen>

Sumber: Twitch Developers: Embedding Video and Clips

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

Yang Anda embed
URL pemutar
Live stream
https://player.twitch.tv/?channel=NAME&parent=example.com
Siaran sebelumnya, highlight, atau unggahan
https://player.twitch.tv/?video=v123456789&parent=example.com
Koleksi
https://player.twitch.tv/?collection=ID&parent=example.com
Klip
https://clips.twitch.tv/embed?clip=SLUG&parent=example.com

Live stream

URL pemutar

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

Siaran sebelumnya, highlight, atau unggahan

URL pemutar

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

Koleksi

URL pemutar

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

Klip

URL pemutar

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

Embed 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

Kode embed
Video Gallery
Video per embed
Satu video (atau satu playlist)
Video tanpa batas dalam satu widget
Selalu terbaru
Edit kode untuk setiap video baru
Video Twitch baru muncul otomatis
Gabungkan sumber
Satu platform per snippet
YouTube, Vimeo, TikTok, Instagram, Twitch, dan tautan video apa pun
Tata letak
Pemutar tunggal
Pemutar dengan Galeri, Carousel, Grid, Masonry, Playlist
Desain responsif
Perlu pembungkus CSS
Sudah bawaan
Coding
Salin dan tempel kode untuk setiap video
Tanpa kode — edit secara visual di editor
Harga
Gratis
Paket gratis, tanpa kartu kredit

Video per embed

Kode embed

Satu video (atau satu playlist)

Video Gallery

Video tanpa batas dalam satu widget

Selalu terbaru

Kode embed

Edit kode untuk setiap video baru

Video Gallery

Video Twitch baru muncul otomatis

Gabungkan sumber

Kode embed

Satu platform per snippet

Video Gallery

YouTube, Vimeo, TikTok, Instagram, Twitch, dan tautan video apa pun

Tata letak

Kode embed

Pemutar tunggal

Video Gallery

Pemutar dengan Galeri, Carousel, Grid, Masonry, Playlist

Desain responsif

Kode embed

Perlu pembungkus CSS

Video Gallery

Sudah bawaan

Coding

Kode embed

Salin dan tempel kode untuk setiap video

Video Gallery

Tanpa kode — edit secara visual di editor

Harga

Kode embed

Gratis

Video Gallery

Paket gratis, tanpa kartu kredit

Pertanyaan yang sering diajukan

Dokumentasi resmi

Alat gratis lainnya

Generator Kode Embed YouTube

Tempel tautan YouTube apa pun dan dapatkan kode embed responsif dalam hitungan detik.Generator Kode Embed YouTube

Generator Kode Embed Video

Embed video yang di-host di mana saja: MP4, Google Drive, Dropbox, Loom, atau Wistia.Generator Kode Embed Video

Panduan terkait

Cara menyematkan video di situs web

Unggah video ke YouTube atau Vimeo dan tempel kode embed-nya, gunakan tag video HTML5 untuk file yang Anda host sendiri, atau gunakan widget galeri video jika Anda butuh beberapa video. Berikut cara kerja tiap metode dan kapan memakainya.Cara menyematkan video di situs web