Supp guys ! Look at the post title , hari ni buat tuto :3 Hihi . Tuto youtube player yang biase and floating youtube player . Just like I use now , see ? The youtube player floating at the leftyy side and tuto ni ada laa tuto AUTOPLAY okay . Hihi . Are you ready ? Yahh, lets get started now .
YOUTUBE PLAYER YANG BIASA
1. Log in > Dashboard > Design > Add a gadget > html javascript .
2. Bukak youtube > Pilih lagu yang korang suka > Click Share > EMBED > TICK 'Use old embed code'
3. Copy code tu macam biase and paste dekat 'html javascript' kat blog korang tu .
Contoh die macam ni -->
<object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/L4z7PQUdH20?fs=1&autoplay=1;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/L4z7PQUdH20?fs=1&autoplay=1;hl=en_US" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Note --> Warna MERAH : kalau nak nampak button PAUSE&PLAY je macam aku punye.Tukar width:30 and height:25 .
#Nak tambah autoplay ? Tambah autoplay=1; dekat sebelah amp; Macam contoh dekat atas .
FLOATING YOUTUBE PLAYER
Ni pulakk FLOATING . Macam aku punye . Senang , step lebih kurang macam dekat atas ni . Btw , credit to Apit Bieber for this tutorial .
1. Copy code dekat bawah ni -->
<div style='display:scroll; position:fixed; top:200px; right:48px;'>
code youtube.
</div>
'Code youtube' tu . Tukar dengan code youtube korang . Boleh guna code yang youtube player biasa tu terus. Nanti code floating youtube player ni jadi macam ni -->
<div style='display:scroll; position:fixed; top:200px; right:48px;'>
<object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/L4z7PQUdH20?fs=1&autoplay=1;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/L4z7PQUdH20?fs=1&autoplay=1;hl=en_US" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
Notasemuaanggotabadan : Kalau TAKNAK autoplay , tak payah tambah code autoplay=1; tu okay ? Fuhh, siap pun :') Tak dapat buat , KOMEN okay ? Dapat buat pun , KOMEN and jangan lupa LIKE sekali ;) Babaii , Assalammualaikum ♥
Credit : Apit Biebs
4 comments:
thanx for this tutorial :)
Heheh,sure Riema :D
haa, tak faham ah. macam mane nak letak lagu tu?
Tak faham?means?kalau nk letak code lagu youtube tu,just change the 'CODE YOUTUBE' code with your song codes,and then copy semua codes tu,paste dekat html javascript.But Idk what kind of problem are u having,so tell me if u got another problem ok? :)
Post a Comment