Video code HTML

Sama seperti HTML audio code, dengan <embed> tag kamu bisa menampilkan file video termasuk youtube video di web page kamu. Untuk menampilkan video langsung ke dalam web page kamu tinggal menambahkan src attribute yang mengarah ke alamat file video yang ingin dimunculkan.

Code simple video embed:

<embed src="http://www.bangjuju.com/tut/media/airbintang.flv" autostart="false" />

Selain menggunakan src attribute diatas kamu juga bisa menggunakan href attribute. Dengan href attribute maka kamu membuat text link yang begitu di klik akan menuju ke media player. Lihat contoh di bawah.

Code video link:

<a href="http://www.bangjuju.com/tut/media/airbintang.flv">airbintang.flv</a>

Youtube video

Dengan HTML kamu bisa menampilkan video langsung dari youtube ke web page yang kamu punya. Kalau kamu lihat code dibawah dengan teliti maka akan ada <embed> tag dan src attribute.

Code youtube video:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/watch?v=SCc6qV6Ygac">
</param><param name="allowFullScreen" value="true">
</param><param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/watch?v=SCc6qV6Ygac" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344">
</embed>
</object>

Lihat hasil embed video youtube disini.

Embed attribute

Ada beberapa code attribute yang bisa kamu tambahkan untuk memodifikasi tampilan video sesuai dengan yang kamu mau.

  • auotostart – apakah video mulai secara otomatis atau tidak ([true] atau [false]).
  • hidden – apakah video player bisa dilihat oleh visitor atau tidak, jadi hanya terdengar musiknya saja tanpa visitor bisa untuk mengontrol hidup dan matinya video ([true] atau [false]).
  • loop – apakah video setelah berhenti akan diulang secara otomatis atau tidak ([true] atau [false]).
  • playcount – video akan diulang sebanyak yang diinginkan.
  • volume – atur volume mulai dari 0 sampai 100.

Jenis file video

Ada banyak jenis file video tetapi hanya ada beberapa yang support dengan code embed, diantaranya adalah:

  • swf – Macromedia flash file
  • wmv – Microsoft windows media video file
  • mov – Apple quick time movie format
  • mpeg – Moving picture expert group

Yang harus diperhatikan dalam menampilkan video dalam web page adalah ukuran dan jenis file video yang bisa menghabiskan bandwidth serta buffering/download yang lama.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>