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

  发布时间:2010-06-02 20:06:03   作者:佚名   我要评论
今天又网友让帮忙解决他的页面中的背景音乐的问题,如果用bgsound只有ie支持,其它firefox,chrome浏览器都不支持。这里给出了具体的解决方法。
在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>

相关文章

  • web开发中的长度单位小结

    这篇文章主要介绍了web开发中的长度单位主要包括px,pt,em等,需要的朋友可以参考下
    2023-08-06
  • 网页前端开发的一些尺寸单位(px,rem单位)

    px单位是绝对单位,一般用于pc端网页开发,因为是绝对单位所以在移动端上的使用体验并不是很好,rem它是描述相对于当前根元素字体尺寸,是相对单位,它可以根据根元素的变换而
    2023-08-06
  • WEB前端优化必备js/css压缩工具YUI-compressor详解与集成用法

    压缩工具层次不穷,各有优点,选择适合的压缩工具为将来做项目开发使用是一件很重要的事情!!在这介绍YUI-compressor,需要的朋友可以参考下
    2023-06-21
  • html,css,javascript是怎样变成页面的

    浏览器是多进程的,有浏览器主进程,网络进程,渲染进程,插件进程等,在将html,css,javascript解析成一个页面的时候,就需要多个进程的分工合作
    2023-05-01
  • 常用Mime类型汇总

    本文为大家整理了常用的文件对应的MIME类型,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-25
  • postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍

    这篇文章介绍了postman中form-data、x-www-form-urlencoded、raw、binary的区别,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-12-28
  • 网页中使用Unicode字符的介绍(&#,\u等)

    国际组织制定了可以容纳世界上所有文字和符号的字符编码方案,称为Unicode,是通用字符集Universal Character Set的缩写,用以满足跨语言、跨平台进行文本转换、处理的要求
    2021-11-27
  • 前端实现字符串GBK与GB2312的编解码(小结)

    这篇文章主要介绍了前端实现字符串GBK与GB2312的编解码(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2020-12-02
  • 告别硬编码让你的前端表格自动计算的实例代码

    这篇文章主要介绍了告别硬编码让你的前端表格自动计算,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-09-27
  • 浅析Table 和 div 的简介及用法

    这篇文章主要介绍了浅析Table 和 div 的简介及用法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-25

最新评论