您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
Wordpress博客怎么添加MP3播放器
于泰哲2023-06-24WordPress教程已有人查阅
导读怎么为Wordpress博客添加MP3播放器?首先到Flash MP3 Player 的主页上下载该程序。解压缩之后,将 mp3player.swf 和 ufo.js 两个文件放到服务器上

怎么为Wordpress博客添加MP3播放器?首先到Flash MP3 Player 的主页上下载该程序。解压缩之后,将 mp3player.swf 和 ufo.js 两个文件放到服务器上,这里假设放在 /musicplayer 下。(注意,Flash MP3 Player有个bug,路径名中不能包含mp3字样,否则不能正常读取播放列表。)
在wordpress当前主题目录中建立 mp3player.php,内容如下。
<p id="mp3player"><a href="http:// .macromedia.com/go/getflashplayer" target="_blank">下载 Flash Player</a>来播放音乐。</p>
<script type="text/javascript">
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");
</script>
然后在 sidebar.php 的适当位置加入:
<?php include(TEMPLATEPATH . '/mp3player.php'); ?>
在 header.php 中加入:
<script type="text/javascript" src="/musicplayer/ufo.js"></script>
最后将mp3文件上传到 /musicplayer 目录下,好文件名为英文名,然后在 /musicplayer 下建立 playlist.xml 文件。
<?xml version="1.0"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>
<track>
<title>Music Title</title>
<creator>Singer</creator>
<location>/musicplayer/song.mp3</location>
</track>
</trackList>
</playlist>
本文标签:
很赞哦! ()
相关教程
- Wordpress博客新闻主题在线商店平台betheme 21.5.6版
- linux搭建WordPress博客的方法
- 使用C#转移Wordpress博客到为知笔记或Evernote的方法
- 本地搭建Wordpress博客网站的方法
- docker搭建wordpress博客的实现方法
- linux系统搭建wordpress博客的方法
- 阿里云搭建WordPress博客的方法
- wordpress博客怎么写robots.txt
- Windows搭建Wordpress博客的步骤方法
- socket实现WordPress博客自动发文登录的方法
- centOS服务器怎么搭建wordpress博客
- WordPress博客Centos7+Apache2.4+php5.6+mysql5.5搭建Lamp环境
图文教程
wordpress多站点使用同一个数据库的方法
尚未安装WordPress在初始配置WordPress之前,将wp-config.php中的$table_prefix值(默认为wp_)修改为所需要的表前缀(本文中假设为blog_)
wordpress主题使用方法
wordpress主题模板的使用,是在仪表盘-外观-主题中,在网上下载的模板,可以直接将主题文件夹拖至xampp/hcdogcs/wordpress/content/themes的文件夹下
实现WordPress支持上传SVG格式图片并显示在媒体库中的方法
因SVG格式图片特性,可能会入恶意代码,网站容易被攻击,所以出于安全考虑WordPress默认不支持SVG格式图片上传
WordPress函数wp_nav_menu()的介绍和使用方法
worpdress发展到3.0以后增加了一个自定义菜单函数wp_nav_menu(),使得wordpress能够轻松的制作自己的导航菜单。
相关源码
-
响应式艺考培训学校机构pbootcms模板html5源码基于PbootCMS免费开源内核开发,为艺考培训学校与艺术机构设计,替换图文即可快速适配全行业需求。响应式布局兼容手机/PC端,数据实时同步,运维效率提升300%。查看源码 -
帝国cms7.5自适应手机端在线课程教育网站源码基于帝国CMS后台管理系统,支持在线修改支付参数、联系方式等配置信息,操作界面直观便捷。专注于在线教育视频领域,提供完整的视频课程展示、付费购买及在线支付解决方案。支持多种支付渠道,满足教育培训机构的运营需求。查看源码 -
(自适应)五金配件机械蓝色营销型pbootcms模板免费下载基于PbootCMS的工业配件展示系统,精简DIV+CSS架构确保响应速度,自适应设计呈现参数表格,支持后台实时更新产品规格、在线留言等内容。查看源码 -
响应式HTML5家居建材办公家具桌椅pbootcms模板为家居建材、办公家具企业打造的响应式网站模板,同时支持多行业快速适配通过替换文字图片即可转型为其他行业官网,大幅降低开发成本。查看源码 -
(自适应)HTML5响应式双语绿色物流运输快递货运pbootcms源码本款基于PbootCMS开发的网站模板为物流运输、快递货运行业设计,采用HTML5技术构建,支持简繁字体切换。模板设计充分考虑了货运物流行业的特点,可专业展示运输服务、物流网络和业务优势等内容。查看源码 -
帝国cms7.5品牌连锁店招商加盟商机网站模版源码本模板为招商加盟、创业投资、品牌连锁等商业领域设计,采用帝国CMS7.5内核构建,整体风格简洁大气,突出商业信任感与专业度,适合各类招商加盟项目展示、品牌连锁店宣传等商业应用场景。查看源码
| 分享笔记 (共有 篇笔记) |

