firefox浏览器中播放背景音乐的终极解决方案(chrome多浏览器兼容)

所属分类: 网页制作 / 应用技巧 阅读数: 1947
收藏 0 赞 0 分享
在Firefox下播放背景音乐的代码 推荐测试通过

打开一个空白控制面板粘贴下面代码,到网上搜索你要的歌曲,把地址复制过来保存
<embed src=音乐链接地址 width=200 height=50 type=audio/mpeg loop="true" autostart="true">
width和height为播放器宽度和高度,可以灵活设置。
autostart="true"为自动播放,autostart="false"为不自动播放.
loop="true"为连续循环播放,loop="false"为不循环播放.
loop可以等于一个整数,比如loop="3",就是音乐循环播放3次

firefox如果不能播放,会提示安装quicktime ,经过测试(IE6+ firefox chrome测试通过)


让Firefox也可以听背景音乐的必备插件安装。

HTML语法中有关背景音乐的标识有<bgsound>及<embed>,不管哪一个,Firefox都听不到。解决方法为:
1、安装 iTune+Quick
下载:http://www.apple.com/quicktime/download/
或是:下载http://www.apple.com/itunes/ 提供的iTune
安装时:只要一直按”Next”就好,尤其建立多媒体文件的”关联性连接”时,不要取消勾选,要让他与QuickTime建立连接。

2、安装 Firefox 的bgsound to embed 扩展。
下载:https://addons.update.mozilla.org/extensions/moreinfo.php?id=146&vid=237

3、检查是否正确安装
重启Firefox,在地址栏输入”about:plugins”,看是否有QuickTime的Plugins。


以下是补充方法:推荐用第一种方法:

<embed src="py.mp3" height="45" width="250">

其中src 后跟要插入的音乐文件的名称,height和width是播放框的高度和宽度。

如果希望在网页打开后自动播放音乐,可使用如下代码:

<DIV align=center><embed src="py.mp3" height="45" width="250" autostart="true" ></DIV>

如果希望播放框居中显示,可使用如下代码:

<DIV align=center><embed src="py.mp3" height="45" width="250"></DIV>

要让你的网页能够在Firefox浏览器中播放背景音乐,使用object标签。
以下是一段标准的、跨浏览器的代码示例:(当年搜索来自mozilla社区)

复制代码
代码如下:

<object data="music.mp3" type="application/x-mplayer2" width="0" height="0">
<param name="src" value="music.mp3">
<param name="autostart" value="1">
<param name="playcount" value="infinite">
</object>
更多精彩内容其他人还在看

出色的美工/网页设计人员需要掌握的7项技能

在互联网这行也有几年经验了,作为程序开发,经常和前端开发打交道,从和他们合作的过程中,我对美工或者网页设计有些认识,如何成为一个出色的,出类拔萃的前端开发,我觉得应该要做到下面7点
收藏 0 赞 0 分享

网页设计师需要的知识体系有哪些

设计师需要哪些体系呢
收藏 0 赞 0 分享

从四个方面谈谈Web标准的价值所在 附思维导图

清清楚楚的明白Web标准的价值!Web标准的价值相信没人会不知道,不理睬。可是具体能做什么,能不能很好的作为一个规范或者指标去诊断网站存在的问题,能不能列出一张清单,清清楚楚地看到它的价值呢
收藏 0 赞 0 分享

为什么要少用Iframe的几个原因分析

iframes 提供了一个简单的方式把一个网站的内容嵌入到另一个网站中。但我们需要慎重的使用iframe。iframe的创建比其它包括scripts和css的 DOM 元素的创建慢了 1-2 个数量级
收藏 0 赞 0 分享

百度网盟环境下的广告投放技巧(图文教程)

百度的广告投放是有技巧的.我们来谈一下吧
收藏 0 赞 0 分享

10件优秀Web开发者提升开发能力必知的事

开发工作不仅仅只是写代码,这句话来自3EV网站的Dan Frost,他在一篇文章中阐述了开发过程中应该注意的一些事项
收藏 0 赞 0 分享

不是中国才有的特色:文化差异下的网页开发

这是一篇老外写的博客,详述了他眼中因文化差异导致的网页开发问题。“特色”并不是只有中国才有,或许作为中国的设计师,也需要考虑到印尼特色、新加坡特色……
收藏 0 赞 0 分享

负距离(换位思考)-相互影响的迭代过程

产品经理把握功能 功能-指事物或方法所发挥的有利作用 .比如实用性,操作性
收藏 0 赞 0 分享

谈谈设计中的用户体验背后的8个用户本能

用户体验背后有哪些用户本能呢
收藏 0 赞 0 分享

交互设计中关于是选择分页还是加载的问题讲解

一篇文章是分页还是全捕出来是一个问题
收藏 0 赞 0 分享
查看更多