這篇是源自於這篇: http://www.im.tv/blog/k2345/225429

利用 css 的方式來進行 youtube 的影片變成 music player, 這是徐佳瑩的身騎白馬, 引用自: http://www.youtube.com/watch?v=SOYVY6osOkE

這段程式碼利用了兩個 div 的方式來改, 程式碼如下:

＜div style="height: 25px; width: 425px; overflow:auto; scrolling: no;" ＞
＜div style="margin-top: -319px;"＞
＜object width="425" height="344" ＞
＜param name="movie" value="http://www.youtube.com/v/SOYVY6osOkE&hl=zh_TW&fs=1&autoplay=1"＞＜/param＞
＜param name="allowFullScreen" value="true"＞＜/param＞＜param name="allowscriptaccess" value="always"＞
＜/param＞
＜embed  src="http://www.youtube.com/v/SOYVY6osOkE&hl=zh_TW&fs=1&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"＞＜/embed＞
＜/object＞
＜/div＞
＜/div＞

其中紅字部分為外加在原始 youtube default embed code 的程式碼外, 用來做遮罩效果, 用以擋掉 video 的部分, 而藍字部分是加上自動播放..

ps. 上面的 code 為避免衝碼, 已用全形的角括號代替, 請自行調整..

來看看效果吧: