MoreLesson 164Preview gratis
Fullscreen Video
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas cara menampilkan video dalam mode layar penuh melalui tombol khusus. Browser menyediakan Fullscreen API dengan metode requestFullscreen pada elemen video dan exitFullscreen untuk keluar. Karena alasan keamanan, permintaan fullscreen umumnya harus berasal dari aksi pengguna seperti klik tombol.
Poin kunci
- Panggil video.requestFullscreen() dari handler klik pengguna
- Gunakan document.exitFullscreen() untuk keluar dari mode layar penuh
- Dengarkan event fullscreenchange untuk memperbarui label tombol
- Sertakan atribut controls pada video agar pengguna tetap dapat memutar dan mengatur suara
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.