`

chrome、firefox多浏览器兼容的解决方案

 
阅读更多

今天又一朋友让帮忙解决他的页面中的背景音乐的问题,如果用bgsound只有ie支持,其它firefox,chrome浏览器都不支持。这里给出了具体的解决方法。
打开一个空白控制面板粘贴下面代码,到网上搜索你要的歌曲,把地址复制过来保存 
<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测试通过)

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

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

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

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

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

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

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

要让你的网页能够在Firefox浏览器中播放背景音乐,使用object标签。
 
以下是一段标准的、跨浏览器的代码示例:

<object data="music/bgsound.mp3" type="application/x-mplayer2" width="0" height="0"> 
<param name="src" value="music/bgsound.mp3"> 
<param name="autostart" value="1"> 
<param name="playcount" value="infinite"> 
</object> 


来源:Heck's Blog
地址:http://www.hecks.tk/post/408/
转载时须以链接形式注明作者和原始出处及本声明,否则将追究法律责任,谢谢配合!

分享到:
评论

相关推荐

    css 多浏览器兼容解决方案 下载

    以上是针对CSS多浏览器兼容的一些常见问题和解决策略,实际开发中,还需要关注其他浏览器,如Chrome、Safari和Opera等,以及最新的浏览器版本,因为它们也可能有自己的解析差异。同时,利用条件注释、Modernizr等...

    weboffice for chrome firefox

    【标题】"weboffice for chrome firefox" 涉及的是一个专为谷歌Chrome和Firefox浏览器优化的在线办公解决方案。Weboffice是一款能够提供Web端文档编辑、查看和协作功能的应用,使得用户无需安装桌面软件即可在浏览器...

    跨浏览器解决方案

    每个浏览器都有自己的渲染引擎,如Chrome的Blink、Firefox的Gecko、Safari的WebKit和Edge的Chromium。这些引擎处理HTML、CSS和JavaScript的方式可能略有不同,导致了兼容性问题。例如,某些CSS属性可能只在特定...

    JS日期选择器(兼容IE,FireFox,Oprea,chrome等主流浏览器)

    "JS日期选择器(兼容IE,FireFox,Oprea,chrome等主流浏览器)"是一个专门为JavaScript环境设计的,旨在解决跨浏览器兼容性问题的日期选择工具。这个组件的目标是确保在不同浏览器如Internet Explorer(IE)、Firefox、...

    浏览器兼容报告

    在Web开发中,确保网站或应用在不同浏览器上的表现一致至关重要,因为用户可能使用各种浏览器进行访问,包括IE、Firefox(火狐)、Safari和Opera等。这些浏览器基于不同的内核,对网页解析和渲染的方式各有差异,...

    eWebEditor7.0文本编辑器兼容FireFox(火狐)、Chrome(谷歌)浏览器

    eWebEditor V7.0 版发布,新增支持FireFox(火狐)、Chrome(谷歌)浏览器。新增超级多文件分块上传、G级大文件上传解决方案。内核全部重写。完美对话框界面。增强的多插件媒体插入支持、选项卡、代码格式化、保护模式、...

    多浏览器兼容的JS日历控件

    "多浏览器兼容的JS日历控件"就是这样一个解决方案,它旨在提供一致的用户体验,无论用户使用的是Firefox、Chrome、Safari、Edge还是Internet Explorer。这个日历控件在设计时特别考虑了跨浏览器的兼容性,避免了由于...

    JS导入导出Excel 兼容IE、Firefox、Chrome等浏览器

    "JS导入导出Excel 兼容IE、Firefox、Chrome等浏览器"这一技术主题,聚焦于如何使用JavaScript(JS)在各种浏览器环境下处理Excel文件,包括古老的Internet Explorer(IE)、Firefox以及Chrome。下面我们将深入探讨这...

    浏览器兼容代码大全

    这些代码片段利用CSS的特性,为Firefox、Safari、Chrome和Opera浏览器设置了不同的宽度值。通过特定的CSS选择器和媒体查询,可以针对不同浏览器进行个性化定制。 ##### IE条件注释 ```html &lt;!--[if lte IE 6]&gt; &lt;!...

    FireFox chrome 等浏览器加载背景音乐

    以下总结了 FireFox、Chrome、IE、Opera 等浏览器加载背景音乐的解决方案。 浏览器背景音乐加载问题 在网页中加载背景音乐时,需要考虑不同浏览器的内核和音乐格式支持。.FireFox、Chrome、IE、Opera 等浏览器都有...

    2016年度最全整理浏览器兼容性问题与解决方案

    每个浏览器都有自己的内核,如Internet Explorer的 Trident、Firefox的 Gecko、Chrome和Safari的 Blink以及Opera的 Presto等,它们对CSS和JavaScript的解析规则不尽相同,导致了页面在不同浏览器中显示效果的差异。...

    多浏览器兼容分析

    #### 四、浏览器兼容性的解决方案 解决浏览器兼容性问题的方法主要包括: 1. **使用CSS前缀**:针对不同内核使用特定的前缀,如-moz、-webkit等,确保样式在各浏览器中的正确呈现。 2. **JavaScript库和框架**:...

    大气通栏幻灯片 多浏览器兼容

    描述中提到的“已测试通过所有主流浏览器”,这意味着这个幻灯片组件经过了跨浏览器兼容性测试,可以在不同的浏览器如Chrome、Firefox、Safari、Edge和Internet Explorer等上正常运行。跨浏览器兼容性是网页开发的...

    js兼容chrome、firefox复制、粘贴

    本篇文章将详细讲解如何利用JavaScript兼容Chrome和Firefox这两种主流浏览器,实现复制和粘贴功能。 首先,我们来看一下为什么复制粘贴在不同浏览器间会有兼容性问题。这是因为在JavaScript中,直接操作剪贴板的...

    ie6、ie7、ie8、ie9、ie10、firefox、google chrome浏览器Hack及兼容性演示页面

    这里我们将深入探讨标题中提到的`ie6`到`ie10`以及`Firefox`和`Google Chrome`浏览器的兼容性问题,以及它们所基于的`Gecko`和`WebKit`内核。 首先,`IE6`至`IE10`是微软公司推出的一系列Internet Explorer浏览器,...

    解决浏览器兼容

    4. Gecko(Firefox内核):Mozilla Firefox的内核。 5. Presto(已弃用):曾经用于Opera浏览器,现已转为Blink内核。 二、遵循Web标准 为解决兼容性问题,开发时应尽可能遵循W3C制定的Web标准,如HTML5、CSS3和ES6...

    java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)

    7. **浏览器兼容性**: 题目中提到了ie/ff/chrome,这意味着该解决方案考虑了Internet Explorer、Firefox和Chrome这三大主流浏览器的兼容性问题。对于老版本的IE,可能需要额外的适配代码来确保功能正常运行。 8. **...

    前端不同浏览器兼容性解决办法

    本篇将详细介绍如何处理IE、Firefox(FF)、Chrome等主流浏览器的兼容性问题。 一、CSS兼容性问题及解决方案 1. 前缀使用:为了实现一些高级特性和动画效果,如CSS3的transform、transition、animation等,不同...

Global site tag (gtag.js) - Google Analytics