Ahlan wa sahlan !

Ahlan wa sahlan...
TIKmawar adalah blog TIK untuk guru dan siswa yang ingin memahami teknologi secara logis, praktis, dan menyenangkan. Bareng Bu Mawar, kita akan belajar TIK tidak hanya klik-klik, tetapi juga memahami maksudnya .

Apa bedanya iframe dan video Pada Html?

Pengalaman ketika PH3, ada beberapa yang bingung ketika mengerjakan soal menampilkan video menggunakan html. Harus menggunakan <video> atau <iframe>?

 اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Halo, calon ahli digital masa depan!

Yuk, belajar bareng Bu Mawar—karena dari satu klik, bisa lahir sejuta ide dan manfaat.

<video> dan <iframe> memang bisa untuk menampilkan video. Tapi mereka memiliki perbedaan.

  • <video> digunakan untuk memutar file video yang ada di komputer atau server sendiri (file lokal).

          Format umum: .mp4, .webm, .ogg.
          Bisa ditambah kontrol langsung: controls, autoplay, loop, muted.
          Contoh:
<video width="320" controls> <source src="video/masak.mp4" type="video/mp4"> Browser tidak mendukung video tag. </video>
  • <iframe> digunakan untuk menyematkan (embed) konten dari situs lain, termasuk video YouTube, peta Google, halaman web lain, atau dokumen.

           Tidak memutar file lokal, hanya menampilkan halaman web lain di dalam halaman kita.

           Contoh:

<iframe width="320" height="240" src="https://www.youtube.com/embed/NCMKedZvnyI" frameborder="0" allowfullscreen>
</iframe>

Kesimpulan:

  • <video> = putar file video dari dalam folder proyek.

  • <iframe> = tampilkan video dari luar situs (seperti YouTube).


Di sebelah kiri, <iframe> digambarkan sebagai jendela browser kecil yang menampilkan konten dari luar—seperti YouTube atau situs lain. Di sebelah kanan, <video> adalah pemutar media bawaan HTML yang memutar file lokal dengan kontrol seperti play dan pause.

Apakah masih ada pertanyaan? silahkan lanjut di komentar ya


Tidak ada komentar:

Posting Komentar