Lompat ke konten Lompat ke sidebar Lompat ke footer

Menampilkan Video dan Audio HTML Menggunakan Tag Object

Tag object pada HTML digunakan untuk menampilkan multimedia seperti audio, video, gambar, PDF, dan flash pada website. Tag ini juga dapat digunakan untuk menampilkan webpage lainnya didalam webpage itu sendiri. Tag <param> juga digunakan bersamaan dengan tag ini untuk mendefinisikan berbagai parameter. Setiap teks yang ditulis dalam tag object dianggap sebagai teks alternatif yang muncul ketika data yang ditentukan tidak didukung oleh browser.


11 Atribut Utama pada Penggunaan Tag Object HTML
Ilustrasi Tag Object HTML

Sebelum memahami lebih dalam materi tentang Menampilkan Video dan Audio HTML Menggunakan Tag Object, terlebih dahulu pelajari materi tentang: Menonaktifkan Script Kode HTML Menggunakan Tag Noscript [klik], Membuat Meta Deskripsi HTML Menggunakan Tag META [klik], dan Membuat Daftar HTML Menggunakan Tag LIST [klik].

Catatan: Tag object mendukung semuat atribut dan event global pada html.

Baca Juga: 

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Tag Object

</title>

</head>

 

<body>

<center>

<h1>

Tag Object

</h1>

<br>

</center>

 

<object 

data=

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuMOv86EzJB-YO3vIoHkM88nYRMr_T11MNPQLkIjm77HNXqyLy_lSHDI9qWqOr1Ep6l1YWVIZpiAeHbmmiehKZ9fICM-IRgJK7ExOspK1CM28fyntRxBTEsaosGixKTp0zEHthBmdTrVo/s113/964d6513-5fb5-479e-b018-c0af234fddca.jpg"

width="550px" 

height="150px">

Blog Elfan

</object>

</body>

 

</html>

Output:

Tag Object


Blof Elfan

Atribut tag object diperlihatkan pada tabel 1 sebagai berikut:

Tabel 1 Atribut Tag Object HTML
AttributeValueDescription
dataURLMenentukan URL dari data pada object
typemedia_typeMenentukan tipe media dari data tertentu pada atribut data.
typemustmatchbooleanMengindikasikan bahwa sumber harus di embed jika nilai dari tipe atribut cocok dengan tipe dari sumber yang disediakan pada atribut data.
alignleft, right, top, bottomMenentukan perataan dari object.
borderpixelsMenentukan border sekitar object.
heightpixelsMenentukan panjang dari object.
hspacepixelsMenentukan ruang kosong pada bagian kanan dan kiri dari sisi object.
vspacepixelsMenentukan ruang kosong pada bagian atas dan bawah dari object.
widthpixelsMenentukan lebar dari object.
namenameMenentukan nama untuk object.
formform_idMenentukan form id untuk elemen object yang dituju.
Artikel ini didedikasikan kepada: Hana Wandari, Hibatullah Nabil Gustiananda, Indah Fiyanti Putri, Laila Nur Janah, dan Lilik Dwi Setiyawan.

5 komentar untuk "Menampilkan Video dan Audio HTML Menggunakan Tag Object"

  1. Apa fungsi tag object pada dokumen html?

    BalasHapus
    Balasan
    1. Tag object mendefinisikan objek yang disematkan pada dokumen HTML. Elemen ini digunakan untuk menyematkan multimedia seperti audio, video, applet Java, ActiveX, PDF, dan flash pada halaman website. User juga dapat menggunakan tag object untuk menyematkan halaman website lain ke dalam dokumen html tersebut.

      Hapus
  2. Saat menulis dokumen HTML, tag object merupakan elemen blok yang digunakan untuk menunjukkan object yang disematkan ke halaman website. Tag ini berguna untuk menambahkan sumber daya yang ditangani plugin seperti appletJava, Flash, PDF, dan ActiveX serta video dan audio. Hampir sama seperti pada penggunaan iframe, tag objcet memungkinkan user untuk menyematkan halaman website lain pada halaman dokumen tersebut.

    BalasHapus
  3. Secara sederhana apa yang dimaksud dengan tag object pada html?

    BalasHapus
    Balasan
    1. Tag object pada html mendefinisikan wadah untuk sumber daya eksternal. Sumber daya tersebut dapat berupa halaman website, gambar, pemutar media, ataupun aplikasi plug-in.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -