搜了一下WordPress帮助文档,发现两个简单的办法,可以容易的向日志,边栏等添加音乐,一个方法不显示播放器,“真正”的背景音乐, 另一种会显示播放器。因为是直接使用代码实现,所以博客最好装了Exec-PHP插件,这样边栏的widget小工具能执行PHP代码。先说明,根据本人 使用的情况(在边栏的widget里添加了代码),音乐播放功能在IE和Chrome能实现,而在Firefox下播放不了,我以为是Firefox的插 件问题,于是装了window media player的Firefox插件,但还是没用。以下就以在边栏添加带播放器的播放功能为例,说明如何操作,其他情况以此类推。

首先 ,上传你想要的背景音乐文件到你的网站文件里,并获得链接,或者直接在网络上找一个音乐文件链接,就是“http://www.×××.×××/×××/×××/***.mp3”,其中的mp3文件必须是英文名,含有中文名的不可以。

接着 ,到WordPress控制台下,在“外观(Appearance)”选项里找到“微件(Widgets)”,点击进入,然后拖放一个“文本(Text)”小工具放到边栏(Sidebar)里,在文本框输入区域添加代码即可。

然后 ,拷贝代码,并替换音乐文件网址。如下,有两类代码。

第一类,不显示播放器的,代码如下:

<BGSOUND src=”音乐文件网址” loop=infinite>

BGSOUND指背景音乐,src是音乐文件的源地址,loop指的是播放的循环次数,infinite指无限次。如果不想设成无限次循环播放,可以将 infinite改成对应的数字,指定循环播放的次数。我们要做的就两个,一是将“音乐文件网址”替换成第一步得到的音乐文件的完整链接地址,而是修改相 应的循环播放次数,或者不改,取默认的infinite。

第二类,显示播放器(调用Windows Media Player)的,代码如下:

<OBJECT id=videowindow1 height=185 width=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM NAME=”URL” VALUE=”音乐文件网址”><PARAM NAME=”playCount” VALUE=”infinite”><PARAM NAME=”autoStart” VALUE=”1″><PARAM NAME=”volume” VALUE=”50″><PARAM NAME=”uiMode” VALUE=”full”><PARAM NAME=”stretchToFit” VALUE=”1″></OBJECT>

这里只要修改几个参数即可:

height和width指播放器的高度和宽度,单位为px。

<PARAM NAME=”URL” VALUE=”音乐文件网址”> 制定了播放的文件位置(URL),只要将里面的“音乐文件网址”替换成第一步得到的完整的音乐文件链接即可。

<PARAM NAME=”playCount” VALUE=”infinite”> 用于设定播放次数(playCount),infinite为无限次循环播放,可将其改为数字,制定循环播放的次数。

<PARAM NAME=”autoStart” VALUE=”1″> 指定是否自动播放音乐(autoStart),VALUE的值为0时不自动播放,为1时自动播放。

<PARAM NAME=”volume” VALUE=”50″> 指定播放的音量(volume),可以修改VALUE的数值,调整想要的音量。

<PARAM NAME=”uiMode” VALUE=”full”> 指定了播放器界面是否加入控制按键 (uiMode),VALUE值为none时,只显示视频播放窗口,不显示“停止”,“播放/暂停”等按钮;为mini时,除了视频窗口,还会在窗口底下 显示播放进度,以及“播放/暂停”,“停止”,“消音”和音量控制等按钮;为full时,除了视频窗口和播放进度显示,还会显示进度控制条,“播放/暂 停”,“停止”,“消音”,“上一曲”,“下一曲”,“快进”,“快退”和音量控制等按钮;

<PARAM NAME=”stretchToFit” VALUE=”1″> 用于当视频窗口比视频比播放的视频大时,是否对视频进行伸展(stretchToFit),以适应视频窗口的大小,VALUE值为1时表示自动扩展,为0时表示不扩展。

这些参数可以在MSDN 里查找到。

最后 ,添加完代码,改完参数之后,保存,刷新博客,应该就能听到背景音乐了。如果听不到,先查下音乐文件链接有没有问题,另外和你用的播放器有关,IE肯定是没问题的。

WordPress添加背景音乐相关推荐

  1. Android给视频添加背景音乐的解决方案

    源码地址:https://www.raoyunsoft.com/wordpress/index.php/2020/07/24/addbgmusic/ 在处理视频背景音乐的时候一般有两种方案: 在视频原 ...

  2. wordpress添加媒体_4种将音频添加到WordPress网站的简单方法

    wordpress添加媒体 This article is part of a series created in partnership with SiteGround. Thank you for ...

  3. excel表格制作计算机一级,计算机一级OFFICE辅导:给Excel表格添加背景音乐

    计算机一级OFFICE辅导:给Excel表格添加背景音乐 分类:计算机等级 | 更新时间:2016-07-07| 来源:中华网考试 平常老是用Excel 来大量处理表格,看久了总让人觉得乏味.如果在编 ...

  4. wp.qq.com.index.html,使用纯代码给WordPress添加文章目录功能,支持快速定位和多级目录...

    wordpress是一款强大的博客系统,支持各种DIY,今天我就给大家带来使用纯代码给Wordpress添加文章目录的功能,使看文章更简单!并且支持点击目录标题快速定位到文章页面指定内容点. 一.文章 ...

  5. python设置背景音乐_python给视频添加背景音乐并改变音量的具体方法

    用到给视频添加背景音乐,并改变音量.记录一下,与碰到同样问题的朋友共享. import subprocess inmp4='E:/PycharmProjects/untitled2/hecheng/1 ...

  6. php图片传入及改名代码,WordPress添加媒体中文名图片上传改名(优化版)

    WordPress是国外程序,对中文命名的图片不友好,所以上传后就会出现错误.但是我们有时候保存在桌面或者其他地方的图片就是中文命名,现在要上传到WordPress多媒体中,或者上传到文章中,我们改怎 ...

  7. 我的世界服务器背景音乐修改,我的世界怎么添加背景音乐 修改添加bgm音乐方法...

    我的世界PC端如何修改和添加BGM?我的世界本地的客户端可以进行各种不同需求的修改,但是玩家修改添加BGM并不是很多,因为一般都是制作RPG地图或者是冒险地图才会用到这样的修改.那么要怎么修改呢?下面 ...

  8. html语言音乐添加路径,HTML5简单实现添加背景音乐的几种方法

    这里推荐两种方法,就是两个标签 或者 常用 +css布局 隐藏播放器 做网站比较实用! html5添加音乐 说明: 1.src毫无疑问写路径. 2.使用hidden="true"表 ...

  9. wordpress添加html媒体文件,WordPress“添加媒体”文件时只显示上传到当前文章的附件图片...

    最近子凡把很大一部分精力都分散在了泪雪建站的改版和泪雪网的运营中去了,随着泪雪网的定位和内容的新增,网站也需要有很多细节的升级,而在今天就给大家分享一个 WordPress 如何在编辑文章时" ...

最新文章

  1. php 下划线转大写开头,使用PHP把下划线分隔命名的字符串 转换成驼峰式命名方式 , 把下划线后面的第一个字母变成大写...
  2. html模板存储在mysql_Python爬虫架构5模板 | 你真的会写爬虫吗?
  3. JAVA 对象引用,以及对象赋值
  4. ansys经典界面分析工字钢_ANSYS做一个工字钢的热分析
  5. 构建ASP.NET网站十大必备工具
  6. [导入]实现删除主表数据时, 判断与之关联的外键表是否有数据引用, 有标志, 无则删除...
  7. axios发送网络请求
  8. UISlider 滑块控件
  9. 代码编辑器sublime text 4130 for Mac
  10. 管理员三权分立是什么意思?
  11. 异地监控组网实战案例(速度快)
  12. 回忆录——一份曾经面试“网易AI产品经理”的作品
  13. Esxi虚拟机备份到本地
  14. SAP中采购申请PR与采购订单PO的关联性问题
  15. 单片机“左移右移理论”,详解
  16. 从战争到外包软件开发:如何赢得最后胜利
  17. 一个人如果不结婚也无儿无女无兄弟姐妹,虽然可以自由自在一辈子,但老了怎么办?
  18. Android自动手绘,圆你儿时画家梦!
  19. 【 梯度下降算法 Gradient-Descend 数学推导与源码详解 深度学习 Pytorch笔记 B站刘二大人(2/10)】
  20. get和post方式能提交数据量大小比较

热门文章

  1. linuxPci驱动获取指定设备bus、device以及devfn数据方式
  2. python array函数_Python bytearray() 函数
  3. keep-alive和多路复用
  4. [Unity] ACT 战斗系统学习 3:ScriptableObject
  5. mui 图片预览(自定义)功能 - 案例篇
  6. JAVA中.jsp模板文件AJAX异步请求 - 数据渲染问题
  7. phpcms父级调用二级子栏目名称和二级栏目文章 - 代码篇
  8. html 实时预览在线,用HTML+CSS做一个实时预览的markdown编辑器
  9. css x轴不滚动_泡沫轴滚动放松是什么原理:你并不了解泡沫轴
  10. 有用户访问我的计算机,事件查看器有个奇怪用户账号登录HOME-W81$,我的电脑没有这个用户账号,本机是win8.1ʌ - Microsoft Community...