Selamat Datang

Pilihan warna Dark / Light pada video player Youtube

Youtube Player
Dalam pekerjaan di bidang web design atau web developer tentu kita sering berurusan dengan client yang ingin menampilkan video dari youtube  di website mereka bukan? Biasanya website musisi, artis, atau website sebuah produk yang memiliki iklan di TV, pasti mengupload video mereka di youtube, dan mereka ingin video itu juga tampil di website pribadinya.

Sebagai contoh kita lihat website penyanyi country pemenang beberapa kali menang Grammy Award, Taylor Swift, di bagian menu Media, dia menampilkan video yang diembed dari youtube.

Kalau di lihat, video player yang digunakan di website Taylor Swift itu berwarna Gelap/Hitam bukan?

Nah kita bisa memilih warna lain selain warna hitam itu agar sesuai dengan design website yang kita buat, contoh nya sebagai berikut:

Dark Player

Code:

<iframe src="http://www.youtube.com/embed/jYa1eI1hpDE?theme=dark" frameborder="0" width="560" height="315"></iframe>

Light Player

Code:

<iframe src="http://www.youtube.com/embed/jYa1eI1hpDE?theme=light" frameborder="0" width="560" height="315"></iframe>

Kalau kita lihat dibagian code nya, ada tambahan theme=dark atau theme=light pada source nya:

http://www.youtube.com/embed/jYa1eI1hpDE?theme=dark
http://www.youtube.com/embed/jYa1eI1hpDE?theme=light

Memberi warna tulisan

kita juga bisa memberikan warna tulisan dengan menambah atribut color=red atau color=white.
contoh kode nya jadi seperti berikut:

http://www.youtube.com/embed/jYa1eI1hpDE?theme=dark&color=red
http://www.youtube.com/embed/jYa1eI1hpDE?theme=light&color=white

Setting youtube player

Sekian.

Oke cukup sampai disini trik kali ini, semoga membantu anda dalam mendesain website khususnya yang berurusan dengan Youtube.

Rer: http://apiblog.youtube.com/2011/08/coming-soon-dark-player-for-embeds.html





Comments

Leave a Comment

XHTML: You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


Klik Tombol Like / Suka ya kawan..

Klik tombol "Like" atau "Suka" untuk mendapatkan update tutorial, tips & tricks serta info terbaru seputar dunia web design & development