Video Layar Penuh Native

1Video Layar Penuh Bawaan#

Aplikasi yang Anda buat sudah mendukung pemutaran video layar penuh bawaan. Saat pengguna mengetuk tombol layar penuh pada elemen HTML5 <video>, aplikasi:

• Masuk ke layar penuh imersif sejati
• Berputar otomatis ke lanskap
• Menyembunyikan semua bilah navigasi
• Mengembalikan orientasi potret saat pengguna keluar dari layar penuh

Tidak perlu konfigurasi - ini berfungsi otomatis! Kunci orientasi dikelola oleh aplikasi, jadi bahkan aplikasi yang diatur hanya potret akan benar-benar beralih ke lanskap saat memutar video.

2Sumber Video yang Didukung#

Jenis video berikut berfungsi dengan layar penuh:

✅ Elemen HTML5 <video>
✅ Embed YouTube (iframe)
✅ Embed Vimeo
✅ Video MP4/WebM yang dihosting sendiri
✅ Stream HLS (.m3u8)

âš ï¸ Sebagian konten yang dilindungi DRM mungkin tidak masuk ke layar penuh bawaan

3Praktik Terbaik Video di Situs Web#

Untuk pengalaman video terbaik di aplikasi yang Anda buat:

<!-- Good: Standard HTML5 video -->
<video controls playsinline>
  <source src="video.mp4" type="video/mp4">
</video>

<!-- Good: YouTube embed -->
<iframe
  src="https://youtube.com/embed/VIDEO_ID"
  allowfullscreen>
</iframe>

<!-- Tip: Add 'playsinline' attribute
     for inline playback on iOS too -->

4Gabungkan dengan PiP#

Untuk pengalaman video terbaik, aktifkan Video Layar Penuh (bawaan) dan mode PiP:

1. Pengguna menonton video di dalam halaman
2. Mengetuk layar penuh → masuk ke lanskap imersif
3. Mengetuk kembali → kembali ke tampilan normal
4. Menekan home → masuk ke jendela mengambang PiP

Ini memberi pengguna Anda pengalaman ala YouTube di aplikasi web Anda!