Some text some message..
Some text some message..
Some text some message..
Some text some message..

Tag <object> Pada HTML

previous Previous Page

Tag <object> merupakan tag yang digunakan untuk menyertakan file multimedia ke dalam website. Elemen ini dapat menyertakan suatu file multi media ke dalam halaman HTML. File-file tersebut dapat berupa file video, audio, gambar, file dari java aplet, pdf dan juga dapat menyertakan halaman HTML ke dalam halaman HTML itu sendiri.

Tag <object> pada HTML fungsinya sangat mirip dengan tag <embed>, yang mempunyai tujuan untuk menarik konten multi media eksternal ke dalam halaman HTML. Tag <object> pada HTML5 masih didukung oleh hampir semua browser, namun hal yang perlu diperhatikan adalah hampir semua browser modern sudah tidak mendukung plugin luar seperti ActiveX control, Java Aplets, Shockwave Flash. Jadi misalnya jika anda ingin menyertakan file flash, harus mempertimbangkan dukungan browser terlebih dahulu.

Atribut tag <object>

Atribut tag <object> meliputi :

  • data
    Menetapkan sumber rujukan URL untuk disertakan bagi elemen <object>. Nilai : URL
  • width
    Menetapkan lebar konten elemen <object>. Nilai : angka (pixel)
  • height
    Menetapkan tinggi konten elemen <object>. Nilai : angka (pixel)
  • name
    Menetapkan nama dari elemen <object>. Nilai : teks
  • type
    Menetapkan type content dari sumber URL bagi elemen <object>. Nilai : media type / MIME
  • usemap
    Menetapkan nama peta gambar pada pengguna (client side map). Atribut ini berhubungan dengan elemen <map>. Nilai : #nama_map

Berikut ini contoh penggunaan elemen object pada halaman HTML :

HTML

1.  <!DOCTYPE html>
2.  <html>
3.     <head>
4.     <meta charset="utf-8">
5.     <title>Demo tag object HTML</title>
6.  </head>
7.  <body>
8.     <object width="560" height="315" data="https://www.saidalfaruq.net/files/video/bumble-bee.swf" type="application/x-shockwave-flash"></object>
9.     <object width="560" height="315" data="https://www.saidalfaruq.net/files/video/video-08212020011217.mp4" type="video/mp4"></object>
10. </body>
11. </html>
12. 

Jika dijalankan pada browser akan menghasilkan tampilan sebagai berikut :

Browser Pendukung :

Elemencromeinternet explorerfirefoxsafariopera
<object>yayayayaya

Global Attributes :

Tag <object> mendukung Global Atribut di dalam HTML yang artinya bahwa pada tag ini dapat sisipkan atribut yang bersifat global yang secara umum berlaku pada semua komponen tag HTML.
Silahkan kunjungi Atribut Global Pada HTML untuk mengetahui detail global atribut pada HTML

Event Attributes :

Tag <object> mendukung Event Atribut atau atribut acara (kejadian). Atribut acara ini merupakan wilayah javascript tentang bagaimana menampilkan halaman web. Misalnya saat halaman web sedang loading (onload) sampai interaksi user pada halaman web tersebut seperti scrolling layar (onscroll), menekan tombol pada keyboard (onkeypress, onkeydown), mengarahkan mouse (onmouseover) dan lainnya.
Silahkan kunjungi Event Atribut Pada HTML untuk mengetahui detail event atribut pada HTML.

Pengaturan Default CSS :

Nilai default pengaturan gaya untuk elemen <object> pada HTML:

object{
outline: none;
}

facebooktwittergoogle pluswhatapplinkedinpinterest

previous Previous Page

Daftar Isi HTML