Memasukkan Youtube Video ke postingan

Cara memasukkan Youtube Video ke dalam postingan

Dibawah ini adalah contoh Youtube video yang dimasukkan ke dalam postingan.

Buka video yang diinginkan kemudian klik kanan videonya, dari menu yang tampil klik "copy embed html" selanjutnya tinggal di-paste-kan kedalam postingan.

Hasilnya mungkin adalah sebagai berikut, kita tinggal mengubah width dan height sesuai dengan ukuran video yang dinginkan.

<iframe width="440" height="360" src="http://www.youtube.com/embed/hP5xoIyQGS4?feature=player_embedded" frameborder="0" allowfullscreen></iframe>

Namun bila kita menginginkan kode yang valid artinya lulus dari W3C Validation maka kita harus mengubah kode diatas.

Bagi yang menggunakan dokumen type XHTML 1.0 Transitional dan HTML5, anda bisa menggunakan kode berikut:

<iframe width="440" height="360" src="http://www.youtube.com/embed/hP5xoIyQGS4" style="border:0;" ></iframe>

Bagi yang menggunakan dokumen type XHTML 1.0 Strict, kita harus menggunakan tag <object> sebagai berikut:

<object type="application/x-shockwave-flash" data="http:///www.youtube.com/v/hP5xoIyQGS4?version=3&amp;hl=en_US&amp;fs=1" width="440" height="360">
<param name="movie" value="http://www.youtube.com/v/hP5xoIyQGS4?version=3&amp;hl=en_US&amp;fs=1"/>
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/></object>

Kode elemen object diatas bisa juga di gunakan di dalam dokumen yang bertipe XHTML 1.0 Transitional.

Untuk mengganti videonya kita cupup mengganti kode yang tercetak tebal di dalam kode diatas.

Kita dapat melihat kode ini di browser address bar ketika kita memutar video tersebut di Youtube.com.

Atau dengan mengklik kanan videonya kemudian dari menu yang tampil klik "copy video URL"

Posted on February 22nd, 2013 in Belajar HTML by Masim man

No Related Post Found.

Post a comment

Back to top