教学 ♥ 添加 jQuery YouTube Music Player
14 March 2012 @ 12:51 PM


儍寶妍

转帖请留言和附上链接 ♥






之前



之后








Blogger Template


步骤一

Design - Edit Html


步骤二

用 ctrl + f 找 :
]]></b:skin>


步骤三

在它在 上面 放入 :
.music {padding:12px;border-bottom-right-radius:5px;background:#ffffff;}#ytube {text-align: center;position:fixed;left:43px;top:-55px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999;}#ytube:hover {top:-10px;}#pict {height:35px;background:#ffffff;padding-bottom:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:50px;align:center;}


步骤四

保存 Save .


步骤五

Design - Edit Layout - 
Add a gadget - Html/Javascript


步骤六

放入以下代码 :
<div style="position:fixed;"><div id="ytube"><div class="music"><center><object width="200" height="25"><param name="movie" value="YouTube 的代码fs&autoplay=1&hl=en_US&color1=0xffffff&color2=0xffffff" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="YouTube 的代码fs&autoplay=1&hl=en_US&color1=0xffffff&color2=0xffffff" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object></center></div><div id="pict"><br /><img src="图片URL" /></div></div></div>







Blogskin


步骤一

Template - Edit Html


步骤二

用 ctrl + f 找 :
</style>


步骤三

在它在 上面 放入 :
.music {padding:12px;border-bottom-right-radius:5px;background:#ffffff;}#ytube {text-align: center;position:fixed;left:43px;top:-55px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999;}#ytube:hover {top:-10px;}#pict {height:35px;background:#ffffff;padding-bottom:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:50px;align:center;}


步骤四

保存 Save .


步骤五

用 ctrl + f 找 :
</body>


步骤六

在它 上面 放入以下代码 :
<div style="position:fixed;"><div id="ytube"><div class="music"><center><object width="200" height="25"><param name="movie" value="YouTube 的代码fs&autoplay=1&hl=en_US&color1=0xffffff&color2=0xffffff" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="YouTube 的代码fs&autoplay=1&hl=en_US&color1=0xffffff&color2=0xffffff" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object></center></div><div id="pict"><br /><img src="图片URL" /></div></div></div>


解释 :

红色的 是 YouTube 的代码 .

紫色的 是那个拉出来的图片 url .

图片例子 :



http://sl.glitter-graphics.net/pub/439/439087zf2mcug0by.gif



http://sl.glitter-graphics.net/pub/122/122842r9l2jjtjaf.gif



http://dl4.glitter-graphics.net/pub/994/994264zaow639gzm.gif



http://dl5.glitter-graphics.net/pub/220/220645u9r9sjvsfp.gif







获取 youtube player 代码的方法 .


步骤一

YouTube


步骤二

找你要的歌曲 mv .
然后按进去 .


步骤三

按那个 video 下面的 share 按钮 .




步骤四

不要理那个框框里面的代码 .
按框框隔壁的 embed 按钮 .




步骤五

然后在那个选项那边 ,
你只需要勾最后一个 .




步骤六

然后那个框框会出现代码 ( 如图 ) .




你只要 copy http://www.youtube.com/...... 到那个问号那里就可以了 .






任何疑问请在 tagboard 留言 .

在评论箱留言请告诉我 (:




版权所有 翻印必究. ♥