Cara menempelkan YouTube video ke dalam artikel

Cara menempelkan YouTube video ke dalam artikel

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"

Di bawah ini adalah contoh YouTube video yang ditempelkan ke dalam artikel.