怎么为Wordpress博客添加MP3播放器?

首先到Flash MP3 Player 的主页上下载该程序。解压缩之后,将 mp3player.swf 和 ufo.js 两个文件放到服务器上,这里假设放在 /musicplayer 下。(注意,Flash MP3 Player有个bug,路径名中不能包含mp3字样,否则不能正常读取播放列表。)

在wordpress当前主题目录中建立 mp3player.php,内容如下。

代码如下:

下载 Flash Player来播放音乐。

var FU = {

movie:"/musicplayer/mp3player.swf",

width:"190",

height:"20",

majorversion:"7",

build:"0",

bgcolor:"#FFFFFF",

flashvars:"file=/musicplayer/playlist.xml&showdigits=true&repeat=true&shuffle=false&lightcolor=0x0080FF

&backcolor=0x0066AA&frontcolor=0xEEEEEE" };

};

UFO.create( FU, "mp3player");

然后在 sidebar.php 的适当位置加入:

代码如下:<?php include(TEMPLATEPATH . '/mp3player.php'); ?>

在 header.php 中加入:

代码如下:

最后将mp3文件上传到 /musicplayer 目录下,最好文件名为英文名,然后在 /musicplayer 下建立 playlist.xml 文件。

代码如下:<?xml version="1.0"?>

Music Title

Singer

/musicplayer/song.mp3

效果如下图。

php如何添加音乐播放器,怎么为Wordpress博客添加MP3播放器相关推荐

  1. 如何使WordPress博客添加多个sidebar侧边栏

    https://www.cnblogs.com/lydbk/p/4609736.html 如何使WordPress博客添加多个sidebar侧边栏 在制作wordpress模版的时候,也许你会遇到一个 ...

  2. php语录网站,杨泽业:给你的wordpress博客添加经典语录功能,适合所有php网站

    我们做一个网站就是要不断给访客 提供最佳的用户体验,同时 提升自己的品牌价值,而文章结束的经典语录的功能,完全可以实现我们所要达到的效果.(如下图) 给你的wordpress博客添加经典语录功能 这个 ...

  3. wordpress博客添加新浪微博挂件

    我一直想着把我的新浪微博嵌入到博客中,今天抽空到网上搜索了一下相关的插件,没有找到.后来看到了一篇如何把微博嵌入WordPress博客的方法,终于实现成功了.感谢分享这些的朋友们. 一直想着把我的新浪 ...

  4. WordPress博客添加看板娘

    效果如下: WordPress博客添加看板娘(送37套服饰) 1.  从我的github下载压缩包 该压缩包已经自带37套服饰.支持换装功能.支持经典动漫台词展示.未来还会支持钉宫日语50音发声喔~ ...

  5. wordpress添加媒体_如何向您的WordPress博客添加表情符号支持

    wordpress添加媒体 Emojis are fun and cute. They allow you to express yourself without using too many wor ...

  6. 给 WordPress 博客添加 Tabs 标签切换功能

    博客中的tabs切换信息展示效果已经不新鲜了,现在很多的Wordpress主题默认就提供Tabs选项卡功能,网上也有很多教程可以自己手动实现.使用Tabs切换功能,好处很多,最为明显的就是可以充分利用 ...

  7. html给看板娘添加语音,如何给你的Jekyll博客添加可爱的二次元看板娘(Live2D)

    8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 有朋友问这个右下角的小东西是怎么弄出来的,今天就手把手教你.请往下看: Live2D Add the Sseexxyyy ...

  8. 为wp博客添加html网页,WordPress博客添加B站追番页面

    Mashiro大佬博客也有追番页面,但是基于 Bangumi api 的太麻烦了,于是基于B站API写了一个追番页面模版,此模板理论适用于所有 WordPress 主题,但我只做了 Sakura 主题 ...

  9. 给 WordPress 博客添加随机文章的3个方法

    一.随机文章的获取原理 WordPress 的文章查询函数 get_posts() 有个参数 orderby 指明了获取文章时的排序方式.通常我们是按照文章发布日期排序,比如 WordPress 站点 ...

最新文章

  1. LINUX按照物理地址预取,linux – 如何以编程方式禁用硬件预取?
  2. # 20155337 2016-2017-2 《Java程序设计》第六周学习总结
  3. BYS推荐MS前端PhoneCall面试问题整理-1
  4. 华为ipd产品开发流程_华为集成产品开发(IPD)流程的解读
  5. Java中关于省略作用域报错问题分析
  6. matlab 画三维花瓶,精美花瓶建模教程
  7. iOS在app里面跳转到系统的设置界面
  8. 最全的视频格式分类详解(很全面)
  9. Lamda表达式-入门篇
  10. NPM => npm登录-发包-删包-整体流程
  11. EasyPoi Excel简单导出导入
  12. 重装系统后mysql不用重新安装
  13. 算法导论-动态规划(钢条切割问题)
  14. Typhon之异常错误克星TLSException
  15. 白钢条用什么可以切割_白钢用什么切割?
  16. Bean是如何创建的?
  17. git切换分支时,如何干净的切换到另一个分支上?
  18. 现代浏览器的模型(一)
  19. Linux下7za对rar文件解压失败问题
  20. 计算机专业选i5八代还是i7八代,八代i5真的比七代i7更好?看看玩家的测试就知道!...

热门文章

  1. 军事标图计算机软件,基于AreEngine的军事标图系统
  2. 《惢客创业日记》2021.01.09(周六)坏方案好过没有方案
  3. Required request body is missing: public com.atguigu.commonutils.
  4. 种群相互竞争Matlab,种群相互竞争的Matlab程序
  5. DDE简单实现动态数据交换 仅能获取实时tick数据,无法获取历史K线
  6. 3大主流显卡对linux的支持,转帖:浅析三大主流显卡厂商对 Linux 的驱动支持
  7. 山东计算机对口升学学校,2008年山东省职高对口升学计算机专业理论综合模拟试题一.doc...
  8. CentOS7.0安装NVIDIA GTX1080Ti显卡驱动
  9. 【快速幂】HRBUST 2263 萝莉控型提督
  10. xp虚拟系统利用virtual pc安装Hello World 操作系统