Embeded dan Iframe
Elemen <embed> HTML dapat digunakan untuk menyisipkan media seperti halaman web, video, audio, animasi, dan aplikasi pada halaman web. Elemen ini memungkinkan kita untuk menampilkan media secara langsung pada halaman web tanpa harus memuat halaman baru atau mengarahkan pengguna ke halaman lain.
<embed width="100%" height="500px" src="">
Markup
<embed src="video.mp4" width="640" height="360">
Markup
Beberapa fungsi dari elemen <embed> HTML antara lain:
- Menampilkan video: Elemen <embed> dapat digunakan untuk menyisipkan video pada halaman web dan menampilkan video tersebut pada browser. Elemen ini dapat digunakan untuk menampilkan berbagai jenis format video seperti MP4, FLV, dan WMV.
- Menampilkan audio: Elemen <embed> juga dapat digunakan untuk menyisipkan file audio pada halaman web, seperti MP3 dan WAV. Dengan menggunakan elemen ini, kita dapat memainkan file audio langsung pada halaman web tanpa harus memuat halaman baru.
- Menampilkan aplikasi: Elemen <embed> dapat digunakan untuk menyisipkan aplikasi pada halaman web, seperti Java applets dan Flash. Dalam hal ini, elemen ini digunakan untuk menampilkan aplikasi secara langsung pada halaman web.
- Menampilkan gambar animasi: Elemen <embed> juga dapat digunakan untuk menyisipkan gambar animasi pada halaman web, seperti GIF dan SWF. Dalam hal ini, elemen ini digunakan untuk menampilkan gambar animasi secara langsung pada halaman web.
- Meningkatkan kompatibilitas: Penggunaan elemen <embed> dapat meningkatkan kompatibilitas halaman web pada berbagai browser dan perangkat. Hal ini karena elemen <embed> memiliki fitur fallback, yaitu jika browser atau perangkat tidak mendukung media yang disisipkan, maka elemen <embed> akan menampilkan teks atau gambar pengganti.
Elemen <iframe> pada HTML digunakan untuk menampilkan halaman web atau dokumen lain di dalam halaman web yang sedang ditampilkan. IFrame berfungsi seperti jendela kecil atau frame di dalam halaman web yang dapat menampilkan konten dari halaman web atau dokumen lain.
IFrame dapat digunakan untuk menampilkan konten yang berasal dari sumber eksternal atau internal. Beberapa contoh penggunaan IFrame pada halaman web antara lain:
- Menampilkan video dari situs web lain
- Menampilkan peta dari Google Maps atau Bing Maps
- Menampilkan laman web atau konten terkait dalam konten yang sedang dilihat
- Menampilkan kotak masuk email atau sosial media dari penyedia layanan
Berikut adalah contoh penggunaan IFrame pada HTML:
<iframe width="560" height="315" src="https://www.youtube.com/embed/RHpR2s7ECV4?si=ZFCRky29Va1098nW" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
Markup
Output dari kode diatas sebagai berikut: