• Docs
  • Embed

Meng-embed Video ke Website & LMS

Panduan menyalin kode embed responsif, memasangnya ke WordPress, Elementor, atau LMS, dan mengonfigurasi proteksi pemutaran.

Panduan ini menjelaskan cara mengambil kode embed (embed code) dari DeweStream dan memasangnya ke halaman situs web, modul pembelajaran kursus (Learning Management System), atau landing page promosi Anda secara aman dan responsif.

Prasyarat

  1. Video telah berhasil di-upload dan berstatus Ready pada daftar Library.
  2. Anda memiliki akses editor ke platform tempat video akan di-embed (misalnya WordPress, Elementor, LearnPress, MemberPress, atau halaman HTML murni).

Langkah-langkah Meng-embed Video

  1. Masuk ke dashboard DeweStream, buka menu Library, dan klik video yang ingin Anda gunakan (status harus Ready).
  2. Pada baris tab rincian video, klik tab Embed & links.
  3. Pilih kode embed yang Anda butuhkan:
    • Responsive iframe (Direkomendasikan untuk sebagian besar web): Bingkai embed standar yang responsif dan menyesuaikan ukuran layar ponsel hingga monitor desktop.
    • Embed script: Script embed lanjutan yang wajib digunakan jika Anda mengaktifkan aturan Proteksi Tingkat Halaman (Page-level Embed Protection).
  4. Klik tombol salin pada kode yang dipilih. Kode HTML akan tersalin ke papan klip (clipboard) Anda.
  5. Buka editor halaman web Anda:
    • Di WordPress (Gutenberg): Tambahkan blok Custom HTML lalu tempelkan (paste) kode yang telah disalin.
    • Di Elementor: Tambahkan elemen widget HTML ke dalam kolom yang diinginkan lalu tempelkan kodenya.
    • Di modul kursus / LMS: Buka editor materi pelajaran, klik mode kode HTML (Source code), lalu tempelkan kodenya.
  6. Simpan atau terbitkan (Publish) halaman web Anda.

Hasil yang Diharapkan

  • Video player DeweStream muncul pada halaman web Anda dengan bingkai bersih dan pemutaran cepat.
  • Penonton dapat langsung memutar video secara instan tanpa gangguan buffering berat atau iklan.

Pemecahan Masalah Cepat

  • Muncul pesan "Playback restricted" atau "Domain not allowed": Video Anda telah dilindungi dengan fitur keamanan domain. Pastikan nama domain situs web Anda (misalnya kursusku.com) telah didaftarkan pada daftar Domain yang Diizinkan.
  • Video terpotong atau gepeng di layar ponsel: Gunakan opsi kode embed Responsive iframe bawaan DeweStream yang sudah dilengkapi kalkulasi rasio aspek otomatis (padding-top: 56.25%). Hindari menyetel lebar atau tinggi absolut dengan piksel kaku jika di-embed pada wadah yang responsif.
  • Video tidak dapat diputar saat dipratinjau di localhost: Untuk keperluan uji coba lokal pada komputer pengembang, tambahkan localhost atau 127.0.0.1 ke daftar domain yang diizinkan untuk sementara.

Panduan Terkait

Last updated Oct 20, 2026