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

所属分类: 网页制作 / 应用技巧 阅读数: 2016
收藏 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>
更多精彩内容其他人还在看

关于favicon.ico的两三事(最好就是放根目录)

最近网站开始改版,如果文档中没有声明favicon.ico,在chrome浏览器中会自动加载根目录的favicon.ico,正好将具体的分析也分享一下, 方便需要的朋友
收藏 0 赞 0 分享

分享10个最新的Web前端框架(翻译)

前端Web框架的本质就是JavaScript,CSS和HTML相关组件的集合,你可以把它应用到日常的项目中,可以极大节省开发时间,特别是在那些紧急的项目中。这里,我们为大家列出了10个前端Web框架,可以参考
收藏 0 赞 0 分享

分享15个最佳的HTML/CSS设计和开发框架

高效的框架不仅是网站设计的基础,它提供的各种丰富多彩的功能,还提高整体的功能和性能。一个网站的外观和设计完全可以通过一些完美和可靠的工具而彻底改头换面。现在,越来越多的网页设计师和编辑人员选择使用CSS框架来创建网站
收藏 0 赞 0 分享

关于启用 HTTPS 的一些经验分享

这篇文章主要介绍了关于启用 HTTPS 的一些经验分享,需要的朋友可以参考下
收藏 0 赞 0 分享

人人必知10个网站易用性技巧

这篇文章主要介绍了人人必知10个网站易用性技巧 的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

CSS3实用方法总结(推荐)

下面小编就为大家带来一篇CSS3实用方法总结(推荐)。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Web前端开发中找错的基本思路

本文给大家分享了在制作web前端页面的时候,找错、查错以及解决错误的方法,非常的详细,这里推荐给大家,希望对大家能有所帮助。
收藏 0 赞 0 分享

深入理解指定IE浏览器渲染方式

本文详细向大家讲解了IE浏览器设置只能渲染方式的方法及其含义。前端设计师们比较痛恨的浏览器就是IE了,没有之一!!今天主要来探讨设置兼容性即指定IE浏览器渲染方式。
收藏 0 赞 0 分享

让网页自动调用双核浏览器的极速模式(Webkit)

国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站
收藏 0 赞 0 分享

如何设计制作自适应网页

本文介绍了
收藏 0 赞 0 分享
查看更多