w3schools versi Indonesia supported by Irawan
 
Home

Belajar Multimedia
Intro
Format Suara
Format Video
Menjalankan Suara
Menjalankan Video
Format Windows
Elemen Object
Media Quick Time
Media Real Media

Link-Link
www.w3schools.com

Menjalankan Video di Web

Sebelumnya -- Berikutnya
--------------------------------------------------------------------------------

Video bisa dimainkan secara langsung atau dengan "bantuan", tergantung pada elemen HTML yang kamu gunakan.

--------------------------------------------------------------------------------

Inline Videos

Ketika video dimasukkan dalam sebuah halaman web, atau sebagai bagian dari halaman web, dia disebut inline video.

Inline video bisa ditambahkan dalam halaman web dengan tag <img>.

Jika kamu berencana menggunakan inline video di halaman webmu, perhatikan bahwa beberapa orang yang mengunjungi halaman webmu merasa terganggu dengan inline video. Juga perhatikan bahwa beberapa pengguna mungkin telah mematikan pilihan inline video di browsernya.

Saran terbaik kami adalah untuk memberikan video pada halaman dimana pengguna perlu melihat video. Misalnya sebuah link untuk melihat video.


--------------------------------------------------------------------------------

Menggunakan Bantuan (Plug-In)

Aplikasi bantuan ialah sebuah program yang bisa dijalankan oleh browser untuk "membantu" menjalankan video. Aplikasi bantuan juga disebut Plug-Ins.

Aplikasi bantuan bisa dejalankan dengan elemen <embed>, <applet>, atau elemen <object>.

Satu keuntungan besar menggunakan bantuan adalah kamu bisa menentukan beberapa (atau semua) pengaturan player dikendalikan pengguna.

Kebanyakan aplikasi bantuan mengijinkan pengaturan volume dan fungsi lainnya, seperti memutar ulang, pause, stop, dan play.


--------------------------------------------------------------------------------

Menggunakan Elemen <img>

Internet Explorer mendukung atribut dynscr di elemen <img>.

Fungsi dari elemen ini adalah untuk menjalankan elemen multimedia di halaman web:

<img dynsrc="video.avi" />

Pecahan kode di atas adalah untuk menampilkan file AVI terpasang pada halaman web.

Catatan: Atribut dynsrc bukan standart HTML atau XHTML elemen. Hanya didukung oleh Internet Explorer.


--------------------------------------------------------------------------------

Menggunakan Elemen <embed>

Internet Explorer dan Netscape keduanya mendukung sebuah elemen yang disebut <embed>.

Fungsi dari elemen tersebut adalah untuk memasang elemen multimedia di sebuah halaman web:

<embed src="video.avi" />

Pecahan kode di atas menampilkan sebuah file AVI terpasang pada sebuah halaman web.

Daftar atribut dari elemen <embed> bisa ditemukan di akhir panduan di official website.

Catatan: Elemen <embed> didukung oleh Internet Explorer dan Netscape, namun bukan merupakan standart HTML dan XHTML. World Wide Web Consortium (W3C) emnyarankan penggunaan elemen<object>.


--------------------------------------------------------------------------------

Menggunakan Elemen <object>

Internet Explorer dan Netscape keduanya mendukung elemen HTML yang disebut <object>.

Fungsinya adalah untuk memberikan elemen multimedia di halaman web:

<object data="video.avi" type="video/avi" />

Pecahan kode di atas menampilkan sebuah file AVI terpasang pada halaman web.

Daftar atribut dari elemen <object> bisa ditemukan di akhir panduan di official website.


--------------------------------------------------------------------------------

Menggunakan Sebuah Hyperlink

Jika halaman web memiliki sebuah hyperlink ke file media, kebanyakan browser akan menjalankan "aplikasi bantuan" untuk menjalankan file tersebut:

<a href="video.avi">
Click here to play a video file
</a>

Pecahan kode di atas menampilkan link ke file AVI. Jika pengguna mengklik link tersebut, browser akan menjalankan sebuah aplikasi bantuan seperti Windows Media Player yntuk menjalankan file AVI.


--------------------------------------------------------------------------------
Sebelumnya -- Berikutnya
--------------------------------------------------------------------------------

 

Pilih Style
untuk halaman ini
Style Awal (Hijau)
Style Kuning
Style Abu-Abu