划式Youtube播放器 (Jquery)
划式Youtube 播放器
Blog Template
1. 设计 - Edit HTML
2. Ctrl + F 寻找代码 ]]></b:skin>
3. ]]></b:skin> 上面添加 代码1. ， 保存
4. 设计 - 页面元素 - 添加小工具 - HTML/JavaScript
5. 添加 代码2. 。保存
Blogskin
1. 设计 - 模板
2. Ctrl + F 寻找 </style> ， </style> 上面添加 代码1.
3. 再 Ctrl + F 寻找 <body> ，<body> 下面添加 代码2.
4. Preview 保存。
代码1. ：
#youtube {
border-radius: 8px;
margin-bottom: 8px;
width: 210px;
text-align: center;
font-size: 10px;
background: #fff;
border: 1px solid #eee;
}
#player {
position:fixed;
left: 20px;
top:-70px;
text-align: center;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#player:hover {
top:8px;
}
代码2. ：
<div id="ytplayer">
<div id="youtube">
<div style="border:1px solid #eee; width:210px;height:65px;overflow:auto; ">
<center><br /> Unseen - By2 <br />
<object width="150" height="25"><param name="movie" value="http://www.youtube.com/v/歌曲代码?version=1&autoplay=1&loop=1&color1=000000&color2=ffffff" /><embed src="http://www.youtube.com/v/歌曲代码?version=1&autoplay=1&loop=1&color1=000000&color2=ffffff" type="application/x-shockwave-flash" width="150" height="25"></embed></object>
</center></div></div>
<img src="图片网址"/></div>
图片例子
青 - 歌曲名字 或 你想要写的字
红 - Youtube歌曲代码 （教程）
蓝 - 图片的网址
有点复杂，不明白请留言 @@
