HTML element tag <object> merupakan tag HTML yang digunakan untuk menyertakan file multimedia ke dalam website. HTML element tag ini sangat membantu dalam memutar file audio dan video halaman HTML tanpa harus membuat aplikasi khusus. Selain itu, HTML element tag <object> juga dapat membuat file gambar, file dari java aplet, pdf dan lainnya. Anda juga dapat menyertakan suatu halaman HTML ke dalam halaman HTML itu sendiri.
Tag <object> pada HTML fungsi dan perannya sangat mirip dengan tag <embed>. Keduanya memiliki tujuan untuk menyisipkan 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.
Berikut ini penggunaan elemen <object> :
HTML
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<title>Belajar Menggunakan HTML Element Tag OBJECT</title>
</head>
<body>
<h1>Latihan Menggunakan HTML Element Tag OBJECT</h1>
<object width="560" height="315" data="https://www.saidalfaruq.net/files/video/video-08212020011217.mp4" type="video/mp4"></object>
</body>
</html>
Jika dijalankan pada browser akan menghasilkan tampilan sebagai berikut :
Atribut tag <object>
Atribut tag <object> meliputi :
Browser Pendukung :
| Elemen |  |  |  |  |  |
| <object> | ya | ya | ya | ya | ya |
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:
CSS
1
2
3
Previous Pageobject{
outline: none;
}
Halaman Terkait
 | Tag <embed> Pada HTML html |
| Tag <iframe> Pada HTML html |
Tutorial HTML
Paling Banyak Dibaca
News Letters
Silahkan masukkan email Anda untuk berlangganan informasi kami
