Cara Menampilkan Video Youtube di Blogger

Cara Menampilkan Video Youtube di Blogger 

Untuk dapat menampilkan video YouTube ke dalam situs atau blog, anda harus mengetahui ID yang terdapat pada web browser dari video yang bersangkutan.Misalnya : http://www.youtube.com/watch?v=OgGbNJdMaTY

OgGbNJdMaTY merupakan id dari video yang dibuka melalui web youtube, Copykan id tersebut di http://www.youtube.com/embed/id-Youtube. Selanjutnya untuk meng-embed video pada element ada beberapa alternatif kode HTML-nya diantaranya :

Alternatif pertama adalah dengan menggunakan iframe. Cara penulisannya adalah sebagai berikut:

<iframe width="320" height="240" src="http://www.youtube.com/embed/..." frameborder="0" allowfullscreen></iframe>

Contoh penggunaannya :

<iframe width="320" height="240" src="http://www.youtube.com/embed/rZ6rbbCOgNQ" frameborder="0" allowfullscreen></iframe>

Untuk nilai dari width dan height untuk mengatur ukuran tampilan pada Blog.

Alternatif kedua adalah dengan mempergunakan tag object. Cara menuliskannya seperti ini:

<object width="320" height="240"><param name="movie" value="http://www.youtube.com/v/...&hl=en&fs=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/...&hl=en&fs=1&border=1" allowscriptaccess="always" allowfullscreen="true" width="320" height="240"></embed></object>

Alternatif ketiga juga menggunakan tag object. Hanya saja hasil tampilannya agak berbeda. Sintaknya sebagai berikut:

<object width="320" height="240"><param name="movie" value="http://www.youtube.com/v/...&feature=player_embedded&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/...&feature=player_embedded&version=3" allowfullscreen="true" allowScriptAccess="always" width="320" height="240"></embed></object>

Catatan : Masukan Link Video Anda di http://www.youtube.com/v/...