Komponen Builder
Komponen Video — Embed YouTube dan Upload Video
Apa itu: Komponen untuk menampilkan video di landing page kamu — dari YouTube, upload langsung, atau URL video eksternal. Kapan pakai: Menampilkan video produk, testimoni video, demo cara pakai, atau video promo brand kamu.
Apa itu Video?
Video adalah komponen multimedia yang memungkinkan kamu menyematkan video langsung di landing page — tanpa harus mengarahkan pengunjung keluar halaman. Video terbukti meningkatkan engagement dan waktu kunjungan pengunjung.
Konvert mendukung tiga cara menambahkan video: embed YouTube (paling ringan), upload file MP4, atau link URL video langsung. Kamu juga bisa mengatur rasio aspek, kontrol playback, autoplay, dan loop sesuai kebutuhan.
Kapan Pakai Video?
- Video produk — demo produk, cara pakai, unboxing
- Testimoni video — pelanggan bercerita pengalaman mereka
- Video brand/company profile — memperkenalkan bisnis kamu
- Tutorial — panduan langkah demi langkah dalam format video
- Hero video background — video muted autoplay loop sebagai latar belakang seksi hero (efek sinematik)
- Shorts/Reels — konten vertical 9:16 yang sudah kamu buat di TikTok/Instagram
Properties
| Property | Tipe | Default | Penjelasan |
|---|---|---|---|
| Source | Pilihan | YouTube |
Sumber video: YouTube, Upload, atau Direct URL. |
| Aspect Ratio | Pilihan | 16:9 |
Rasio dimensi video. |
| Show Controls | Checkbox | true |
Tampilkan kontrol playback (play, pause, volume, dll). |
| Autoplay | Checkbox | false |
Video mulai otomatis saat halaman dimuat. |
| Loop | Checkbox | false |
Video diulang terus setelah selesai. |
| Pixel Event | Pilihan | (kosong) | Event Meta Pixel yang di-fire saat video diputar. |
Source — Tiga Cara Menambahkan Video
1. YouTube
Paste URL YouTube — format yang didukung:
https://www.youtube.com/watch?v=xxxxxhttps://youtu.be/xxxxxhttps://www.youtube.com/shorts/xxxxx(untuk YouTube Shorts)
Video di-embed menggunakan YouTube iframe. Semua proses streaming dihandle YouTube — tidak membebani bandwidth halaman kamu.
YouTube menggunakan CDN global yang sangat cepat. Kalau video kamu sudah ada di YouTube, selalu gunakan opsi ini. Tidak ada biaya bandwidth tambahan dan kualitas tetap terjaga.
Video harus berstatus Publik atau Tidak Terdaftar di YouTube. Video privat tidak bisa di-embed dan akan muncul sebagai error.
2. Upload
Upload file video MP4 langsung ke Konvert.
| Ketentuan | Detail |
|---|---|
| Format | MP4 (H.264 recommended) |
| Ukuran maksimal | 50 MB |
| Kontrol | Penuh — tidak ada branding YouTube, tidak ada rekomendasi video lain setelah selesai |
Cocok kalau kamu ingin pengalaman menonton yang bersih tanpa gangguan rekomendasi video YouTube, atau kalau video kamu bersifat internal/eksklusif yang tidak mau dipublikasikan di YouTube.
3. Direct URL
Paste URL langsung ke file .mp4 yang di-host di server lain (mis. CDN kamu sendiri, cloud storage).
Format URL: harus berakhiran .mp4 dan dapat diakses publik tanpa autentikasi.
Aspect Ratio — Rasio Dimensi Video
| Rasio | Orientasi | Cocok untuk |
|---|---|---|
| 16:9 | Landscape (lebar) | Video standar, YouTube, webinar, presentasi |
| 4:3 | Landscape (lebih kotak) | Video lama, konten era TV |
| 1:1 | Square | Video Instagram feed, konten produk square |
| 9:16 | Vertical (tinggi) | TikTok, Instagram Reels, YouTube Shorts |
Kalau video aslimu 9:16 (vertical dari HP), set rasio ke 9:16. Memaksa video vertical ke dalam frame 16:9 akan muncul dengan pillar box (strip hitam kiri-kanan) yang terlihat kurang rapi.
Show Controls
Saat dicentang, video menampilkan bar kontrol playback (play/pause, volume, fullscreen, progress bar). Saat tidak dicentang, video diputar tanpa UI kontrol — cocok untuk hero video background yang tidak perlu diinteraksi pengunjung.
Autoplay
Saat dicentang, video mulai diputar otomatis saat halaman dimuat.
Hampir semua browser modern (Chrome, Safari, Firefox) memblokir autoplay dengan suara. Untuk autoplay berfungsi, video harus dalam kondisi muted (volume 0). Ini bukan bug — ini kebijakan browser untuk mencegah gangguan.
Pola yang benar untuk hero video background: Autoplay ✓ + Loop ✓ + Show Controls ✗ + pastikan video tidak ada audio atau audio tidak penting.
Loop
Saat dicentang, video diulang dari awal setelah selesai. Kombinasikan dengan Autoplay untuk video background yang terus berjalan tanpa henti.
Pixel Event (on Play)
Saat pengunjung mulai memutar video, kamu bisa otomatis men-trigger event ke Meta Pixel. Berguna untuk mengukur engagement video dan membuat audiens retargeting dari orang yang sudah tonton video kamu. Lihat cara menghubungkan Meta Pixel ke landing page kamu.
Preset event yang tersedia: ViewContent, Lead, AddToCart, dan event standar Meta lainnya.
Style Universal
Video mendukung semua properti style umum (margin, padding, border, radius, shadow, hide on mobile/desktop, custom CSS). Lihat panduan lengkapnya di Style Universal.
Contoh Penggunaan
Contoh 1 — Embed YouTube Video Produk (16:9, dengan Controls)
Paste URL YouTube video produk ke field Source. Aspect Ratio 16:9 (landscape standar), Show Controls aktif agar pengunjung bisa pause, play, dan fullscreen sesuai keinginan. Autoplay dan Loop dimatikan — pengunjung memilih sendiri kapan menonton.
Contoh 2 — Hero Video Background (Autoplay + Loop + No Controls)
Upload video sinematik (atau pakai YouTube tanpa audio penting). Aspect Ratio 16:9, Show Controls dimatikan agar tidak ada UI yang mengganggu tampilan, Autoplay dan Loop keduanya diaktifkan. Video berjalan terus menerus sebagai latar belakang hero section. Tambahkan Heading dan Button di atasnya menggunakan z-index via Custom CSS.
Contoh 3 — YouTube Shorts Vertical (9:16)
Paste URL YouTube Shorts atau Reels yang sudah kamu buat untuk media sosial. Aspect Ratio diset ke 9:16 (portrait/vertical) agar proporsi video sesuai dengan orientasi aslinya. Show Controls aktif, Autoplay dan Loop dimatikan. Di mobile, video vertical mengisi hampir seluruh lebar layar — pengalaman menonton yang imersif.
Tips & Gotchas
Video 50 MB yang diupload ke Konvert tetap harus di-stream dari server Konvert. YouTube menggunakan CDN ribuan server di seluruh dunia — loading hampir instan untuk pengunjung dari mana saja. Gunakan Upload hanya saat benar-benar perlu kontrol penuh.
Kalau upload wajib, kompres dulu dengan HandBrake (gratis) ke bitrate yang lebih rendah. Video 5 menit tidak perlu lebih dari 30–50 MB untuk kualitas web.
File video di atas 50 MB akan ditolak. Kebanyakan video promosi produk yang di-kompres dengan baik bisa masuk di bawah 20 MB untuk durasi 1–2 menit.
Kalau kamu pakai Autoplay untuk hero background dan video tidak punya audio yang penting — edit audio-nya hilangkan dulu sebelum upload/upload ke YouTube. Browser akan tetap block autoplay bersuara meski kamu set volume 0 di pemutar.
Tambahkan Pixel Event Lead atau ViewContent pada video testimoni. Pengunjung yang menonton video testimoni adalah prospek hangat — kamu bisa retarget mereka dengan iklan khusus.
Siap buat landing page pertamamu?
Daftar Konvert gratis dan mulai jualan online hari ini.
Daftar Sekarang