Widget Galeri Video HTML

Gabungkan video dari YouTube, Instagram, TikTok, Vimeo, Twitch, dan lainnya ke satu galeri modern di situs HTML Anda untuk menarik pengunjung dan membuat konten lebih mudah dijelajahi.
Rating 4,8
Lebih dari 10.000 ulasan
Rencana gratis tersedia
Buat Widget Gratis
Tidak perlu kartu kredit
HTML Video Gallery widget

Buat widget Video Gallery Anda

Konfigurasikan kode pemutar video HTML Anda dan tambahkan ke situs Anda secara gratis!

Mengapa Orang Suka Elfsight

Situs HTML kustom memberi Anda kendali penuh atas halaman Anda, tetapi membangun galeri video yang rapi dari awal bisa memakan waktu. Galeri Video Elfsight memberi Anda cara siap pakai untuk mengubah tutorial, video produk, kisah pelanggan, karya portofolio, cuplikan media sosial, dan konten lainnya menjadi bagian video yang menarik.

Tambahkan video melalui tautan dari YouTube, Instagram, TikTok, Vimeo, Twitch, atau sumber kustom dan kelola semuanya dari editor Elfsight. Tandai video penting, kelola koleksi yang lebih besar dengan filter dan penyortiran, dan aktifkan pemutar mini untuk menjaga penonton tetap menonton saat menjelajah halaman. Anda juga bisa menentukan apa yang terjadi setelah pemutaran dan menggunakan kartu akhir untuk mengarahkan pengunjung ke konten relevan atau penawaran.

Setelah galeri Anda siap, cukup salin kode semat yang dihasilkan dan tempelkan ke HTML situs Anda — tidak perlu membangun logika galeri atau gaya sendiri.

Tahukah Anda?

Menurut riset Wyzowl tahun 2026, 82% pemasar video mengatakan video telah membantu membuat pengunjung tinggal lebih lama di situs mereka.

Tambahkan pengalaman video yang lebih kaya ke situs Anda tanpa membangun dari nol—buat pemutar video HTML Anda dengan Elfsight secara gratis.

Fitur Utama Galeri Video HTML

Berikut adalah alasan mengapa Widget Video menjadi opsi yang fleksibel untuk situs HTML Anda:

  • Beberapa sumber video: Tampilkan video dari YouTube, Instagram, TikTok, Vimeo, Twitch, dan Sumber Kustom dalam satu galeri.
  • Presentasi siap pakai: Tambahkan bagian video yang rapi dan profesional ke landing page, portofolio, situs bisnis, pusat sumber daya, dan halaman kustom lainnya.
  • Video Dipin: Simpan tutorial unggulan, proyek, kampanye, atau konten prioritas lainnya di bagian awal galeri Anda.
  • Filter dan Penyortiran: Buat koleksi video yang lebih besar lebih mudah dinavigasi dan membantu pengunjung menemukan konten relevan lebih cepat.
  • Mini-player: Tampilkan video yang sedang diputar tetap terlihat saat pengguna menjelajahi halaman.
  • Perilaku video yang fleksibel: Putar ulang video, mulai video berikutnya, tampilkan kartu akhir, atau tampilkan kartu akhir sebelum melanjutkan ke video berikutnya.
  • Tata Letak Responsif: Berikan pengalaman menonton yang nyaman bagi pengunjung di desktop, tablet, dan ponsel.

Coba semua fitur di editor gratis—tanpa perlu mendaftar.

Cara Sematkan Video di HTML

Anda bisa menambahkan video Anda ke situs HTML dalam beberapa langkah cepat—tanpa perlu coding:

  1. Pilih templat: Buka editor Elfsight dan pilih templat yang bekerja untuk situs dan konten Anda.
  2. Tambahkan Video Anda: Tempel tautan dari YouTube, Instagram, TikTok, Vimeo, Twitch, atau gunakan Custom Source untuk membuat galeri Anda.
  3. Kustomisasi Widget: Pilih tata letak, sesuaikan tampilan, atur filter dan penyortiran, aktifkan pemutar mini jika diperlukan, dan konfigurasikan perilaku setelah pemutaran.
  4. Salin Kode Sematkan: Klik “Tambahkan ke situs web secara gratis” dan salin kode instalasi yang dihasilkan oleh Elfsight.
  5. Tempelkan ke HTML Anda: Buka berkas HTML untuk halaman tempat Anda ingin galeri, tempelkan kode Elfsight ke dalam <body> di posisi yang diinginkan, simpan perubahan, dan publikasikan halaman yang telah diperbarui.

Butuh bantuan pemasangan? Kunjungi Pusat Bantuan Elfsight untuk instruksi pengaturan yang rinci, jelajahi tutorial kami, ajukan permintaan fitur melalui Daftar Keinginan, atau ikuti pembaruan Galeri Video terbaru di Riwayat Perubahan.

Bisakah saya menambahkan video ke situs HTML mana pun?

Ya, jika Anda bisa mengedit HTML situs Anda dan menambahkan kode instalasi Elfsight, Anda bisa menyematkan Video Gallery ke halaman Anda. Ini membuat Widget Video cocok untuk situs yang dibangun khusus, halaman HTML statis, landing page, portofolio, dan proyek lain yang memungkinkan kode sematan pihak ketiga.

Di mana saya perlu menempelkan kode HTML pemutar video?

Tempel kode Elfsight yang dihasilkan ke dalam dokumen HTML Anda, di lokasi tempat Anda ingin Galeri Video muncul. Misalnya, Anda bisa menempatkannya di antara bagian-bagian yang sudah ada pada halaman Anda, di dalam wadah konten, atau di area khusus yang dibuat untuk video Anda.

Apakah saya perlu menulis JavaScript atau CSS untuk menggunakan widget?

Tidak, Anda tidak perlu membangun galeri dengan JavaScript atau membuat gaya tampilannya secara manual. Atur konten, tata letak, dan penampilan di editor Elfsight, lalu salin dan tempel kode instalasi yang dihasilkan ke halaman HTML Anda. Dalam arti ini, editor bekerja seperti generator kode sematan video HTML, menyiapkan kode yang Anda perlukan untuk galeri siap.

Sumber video apa saja yang didukung Galeri Video?

Galeri Video mendukung YouTube, Instagram, TikTok, Vimeo, Twitch, dan Sumber Kustom. Anda dapat menyatukan video dari beberapa platform yang didukung dan menampilkannya sebagai satu galeri yang konsisten di situs HTML Anda.

Bisakah saya menggabungkan video dari berbagai platform dalam satu galeri?

Ya, Anda bisa menambahkan video dari YouTube, Instagram, TikTok, Vimeo, Twitch, dan Sumber Kustom ke Galeri Video yang sama. Hal ini memudahkan Anda membuat satu koleksi yang terorganisir meskipun video Anda dipublikasikan di beberapa platform berbeda.

Bisakah saya mengunggah file video secara langsung ke Elfsight?

Tidak, Galeri Video bekerja dengan tautan video, bukan unggahan file langsung. Publikasikan atau host video Anda melalui sumber yang didukung terlebih dahulu, lalu tambahkan URL-nya di editor Elfsight untuk memasukkannya ke galeri Anda.

Apa itu Sumber Kustom dalam Galeri Video?

Custom Source memberi Anda cara tambahan untuk menambahkan konten video yang didukung jika tidak berasal dari salah satu platform yang terdaftar. Pilih Custom Source di editor, berikan tautan video yang diperlukan, dan sertakan bersama video lainnya dalam galeri Anda.

Bisakah saya membuat video tertentu muncul terlebih dahulu?

Anda bisa menandai video terpilih agar tampil di bagian depan galeri Anda. Pilih video yang ingin dilihat pengunjung terlebih dahulu dan pin dari daftar konten Anda. Ini berguna untuk proyek unggulan, tutorial penting, kampanye terkini, rilis baru, atau konten prioritas lainnya.

Bisakah saya menggunakan filter dan penyortiran di Galeri Video HTML saya?

Ya, filter dan penyortiran membuat koleksi video yang lebih besar lebih mudah untuk dijelajahi bagi pengunjung. Mereka bisa sangat berguna untuk perpustakaan sumber daya, portofolio, koleksi tutorial, video produk, atau galeri yang berisi beberapa jenis konten.

Bisakah pengunjung terus menonton dengan pemutar mini?

Anda bisa mengaktifkan pemutar mini untuk menjaga video yang sedang diputar tetap terlihat saat pengunjung menjelajahi konten lain di halaman ini. Ini membuat pengalaman menonton lebih mulus tanpa perlu pemutar video utama berada di tengah layar.

Apa bedanya Galeri Video dengan pemutar HTML dasar?

Pemutar video HTML dasar berguna saat Anda hanya perlu menempatkan satu video pada halaman. Galeri Video dirancang untuk menampilkan dan mengelola koleksi video yang lebih luas. Anda bisa menggabungkan beberapa sumber, menandai video penting, menambahkan filter dan penyortiran, menggunakan pemutar mini, dan mengontrol apa yang terjadi setelah pemutaran. Jika Anda membandingkan opsi untuk pemutar video HTML terbaik untuk situs yang kaya konten, fitur galeri tambahan ini mungkin berguna saat satu pemutar tidak cukup.

Apa yang terjadi setelah video selesai?

Gunakan pengaturan Perilaku Video untuk memilih apa yang terjadi setelah pemutaran. Anda dapat memutar ulang video saat ini, memutar video berikutnya, menampilkan kartu akhir, atau menampilkan kartu akhir dan kemudian melanjutkan ke video berikutnya. Kartu akhir dapat menyertakan spanduk promosi yang mengarahkan pengunjung ke halaman lain, produk, layanan, penawaran, sumber daya, kampanye, atau langkah selanjutnya yang relevan lainnya.

Harga

Garansi uang kembali 14 hari. Tanpa risiko, Anda bisa membatalkan kapan saja.
Elfsight Apps
Perangkat lunak lintas platform
mulai dari $0/bulan
Mulai dengan paket gratis
Situs web tanpa batas
Dukungan Pelanggan Premium
Dukungan instalasi tanpa biaya
Penawaran khusus untuk beberapa aplikasi
Desain Fleksibel