愤怒的石头

首页 > 窍门 > 给wordpress加上亦歌播放器

给wordpress加上亦歌播放器

2009年5月30日愤怒的石头发表评论阅读评论

亦歌是一个音乐播放网站，小巧玲珑而又美观，如果大家有兴趣，可以去它的网站看看，可以下载一个桌面版。在“小三梦”的博客看到了把它加入博客的方法，其实也很简单，就是加一段代码。

由于亦歌全站都是flash制作的.因此可以利用iframe标记,把亦歌嵌入到博客上来.代码如下:

1	<p style="text-align: center;"><iframe src="http://www.1g1g.com/" id="prF" scrolling="no" width="287" frameborder="0" height="376"></iframe></p>

如果想听的歌不在播放列表中,就需要弄一个搜索功能了,这个也简单,因为亦歌支持http://www.1g1g.com/蚂蚁之恋这样的格式,我们只要改网址后面的歌名就可以了.所以利用js脚本就可制作一个搜歌功能…其代码如下：

<script type="text/javascript">< !–
//< ![CDATA[
var playSong = function(){
var v = document.getElementById("prV").value;
var f = document.getElementById("prF");
f.src = "http://www.1g1g.com/"+ v;
};
// –></script>
<p style="text-align: center;">输入歌曲或歌手名搜索：</p>
<p style="text-align:center;"><input id="prV" class="width50" type="text" /> <input class=""button"" onclick="playSong()" type="button" value="播放" /></p>

需要说明的是，我上面的代码默认是居中的，如果不想让它居中，去掉代码中的相关语句就行。可以看看我的效果哦。我的音乐 http://www.bohai.org/music