不用插件简单实现在wordpress文章里在线播放歌曲

 
【2010.8.14补充】

提供该FLASH播放器的网站已经挂了,很是可惜。

没办法,严重浪漫建议大家从“虾米网”调用歌曲的播放器的HTML代码吧。效果也很不错的,最大的优点是稳定,毕竟,虾米网已经发展成应该是国内最大的音乐分享平台了。

使用方法,在虾米网找到音乐,点击后面的“转贴到其他网站”,复制给出的HTML代码,贴到WP博客文章里。就可以了。

虾米网调用的播放器效果:

 

:smile:  

以下为旧文章。

 严重浪漫昨天写了一篇文章,文章里想带一个在线播放音乐的播放器。上网搜索了一下,一种解决方法是:把FLASH播放器上传到自己的空间,然后还要修改模版,见《为Wordpress博客添加MP3播放器》。还有一种方法就是使用插件Audio Player,见文章 点我

但是像我这样并不经常发布带有在线音乐的文章的,专门装一个插件,有些不情愿,有没有更简单的方法呢?有!严重浪漫无意中找到了一个调用在线音乐播放器的代码,在文章之直接可以插入音乐播放了。效果如下(和Audio Player的样式完全一样!):

代码如下:

< embed src=http://www.blogcastone.net/audio/player.swf?soundFile=MP3文件地址&playerID=10& bg=0xCDDFF3& leftbg=0x357DCE& lefticon=0xF2F2F2& rightbg=0x357DCE& rightbghover=0x4499EE& righticon=0xF2F2F2& righticonhover=0xffffff& text=0x357DCE& slider=0x357DCE& track=0xFFFFFF& border=0x357DCE& loader=0x8EC2F4& loop=no& autostart=no type=” application/x-shockwave-flash” wmode=” transparent” height=” 40″ width=” 290″ > < /embed>

注意:你使用时,去掉开头和结尾的“<”后面的空格。

呵呵,拿去用吧。很高兴我为简化wordpress的使用又作出了贡献。



6,362 次阅读 | 发表评论 | Trackback
2010年2月13日 | 归档于 WordPress
  1. Arthur
    2010年10月5日 12:54 | #1

    你好,为何我把html代码放入wordpress里后出来的是个链接呢?

    地址如下:http://zztalent.wordpress.com/2010/09/07/%E6%97%A0%E5%A4%84%E5%AE%89%E6%94%BE%E7%9A%84%E6%A2%A6%E6%83%B3/

    请指导!

  2. 严重浪漫
    2010年10月5日 22:48 | #2

    Arthur :

    你好,为何我把html代码放入wordpress里后出来的是个链接呢?

    地址如下:http://zztalent.wordpress.com/2010/09/07/%E6%97%A0%E5%A4%84%E5%AE%89%E6%94%BE%E7%9A%84%E6%A2%A6%E6%83%B3/

    请指导!

    我去看了,你代码复制错了。

    你到这个页面:http://www.xiami.com/song/393543 (是你的那首歌)
    点“将播放器贴到博客或BBS上”,
    复制其中的“HTML代码”。

    :wink:

  3. 大元
    2011年3月13日 19:48 | #3

    hello,我也使用xiami的html格式代入WordPress,但是每次贴进去后,就会自动变成swf.的连接。
    这是为什么那?

  4. 大元
    2011年3月13日 19:51 | #4

    http://cissycui1004.wordpress.com/
    如《因为爱情》那篇blog, 我很确定我是在xiami网找到了html格式的mp3嵌入,复制到了wordpress的html视图格式里面。但是显示到博客上却只是一个swf的连接。

    请教原因。谢谢。

  5. 严重浪漫
    2011年3月16日 12:15 | #5

    @大元
    把你的文章编辑器,切换到代码格式,再黏贴html代码

  6. 大元
    2011年3月16日 20:01 | #6

    谢谢你的回复。
    可是我已经在切换到代码格式了。如果没有理解错,是在撰写博客的右上角,有可视化和html之间的切换。切换到html之后,仍然出现了这个情况。

    可有解?

  7. 严重浪漫
    2011年3月16日 21:59 | #7

    @大元
    那就不明白了。
    你看下面,很简单的啊:

  8. 大元
    2011年3月17日 14:11 | #8

    奇怪啊!!!! 我好郁闷啊!!

发表评论

XHTML: 您可以使用这些标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">
:lol: :( 8-O :oops: 8) :?: :!: :evil: more »