Rabu, 29 Mei 2013

Memasukkan Youtube Video ke postingan


Cara memasukkan Youtube Video 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/bBUIY2W-CRg?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/bBUIY2W-CRg" style="border:0;" ></iframe>
Bagi yang menggunakan dokumen type XHTML 1.0 Strict, kita harus menggunakan tag <object> sebagai barikut:
<object type="application/x-shockwave-flash" data="http:///www.youtube.com/v/bBUIY2W-CRg?version=3&amp;hl=en_US&amp;fs=1" width="440" height="360">
<param name="movie" value="http://www.youtube.com/v/bBUIY2W-CRg?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.
Namun bila ingin melihat code video yang sudah tertempel di web lain seperti contoh diatas kita bisa mengklik tombol pada sudut kanan atas disamping user information (lambang (i)).
Atau dengan mengklik kanan videonya kemudian dari menu yang tampil klik "copy video URL"

thanks to http://htmlcssguides.com/memasukkan-youtube-video-ke-postingan

Tidak ada komentar:

Posting Komentar