今天又一朋友让帮忙解决他的页面中的背景音乐的问题,如果用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/
转载时须以链接形式注明作者和原始出处及本声明,否则将追究法律责任,谢谢配合!
- 浏览: 281693 次
- 性别:
- 来自: 深圳
最新评论
-
iceblue123:
厉害,太感谢楼主了,第二种方法威武!
spring MVC 3.2中@ResponseBody返回乱码的完美解决方案 -
gaozi131:
感谢啊 折腾了一下午搞定
spring MVC 3.2中@ResponseBody返回乱码的完美解决方案 -
yenshen:
找了半天,问题终于解决了,感谢!
spring MVC 3.2中@ResponseBody返回乱码的完美解决方案 -
笑闯天下:
感觉效率不是很高啊 ,如果从数据库中取到的数据 还要去自己拼接 ...
java导出CSV文件 -
ajonjun:
http://viralpatel.net/
解决ckeditor html不显示,ckeditor 自动过滤html
相关推荐
以上是针对CSS多浏览器兼容的一些常见问题和解决策略,实际开发中,还需要关注其他浏览器,如Chrome、Safari和Opera等,以及最新的浏览器版本,因为它们也可能有自己的解析差异。同时,利用条件注释、Modernizr等...
【标题】"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等主流浏览器)"是一个专门为JavaScript环境设计的,旨在解决跨浏览器兼容性问题的日期选择工具。这个组件的目标是确保在不同浏览器如Internet Explorer(IE)、Firefox、...
在Web开发中,确保网站或应用在不同浏览器上的表现一致至关重要,因为用户可能使用各种浏览器进行访问,包括IE、Firefox(火狐)、Safari和Opera等。这些浏览器基于不同的内核,对网页解析和渲染的方式各有差异,...
eWebEditor V7.0 版发布,新增支持FireFox(火狐)、Chrome(谷歌)浏览器。新增超级多文件分块上传、G级大文件上传解决方案。内核全部重写。完美对话框界面。增强的多插件媒体插入支持、选项卡、代码格式化、保护模式、...
"多浏览器兼容的JS日历控件"就是这样一个解决方案,它旨在提供一致的用户体验,无论用户使用的是Firefox、Chrome、Safari、Edge还是Internet Explorer。这个日历控件在设计时特别考虑了跨浏览器的兼容性,避免了由于...
"JS导入导出Excel 兼容IE、Firefox、Chrome等浏览器"这一技术主题,聚焦于如何使用JavaScript(JS)在各种浏览器环境下处理Excel文件,包括古老的Internet Explorer(IE)、Firefox以及Chrome。下面我们将深入探讨这...
这些代码片段利用CSS的特性,为Firefox、Safari、Chrome和Opera浏览器设置了不同的宽度值。通过特定的CSS选择器和媒体查询,可以针对不同浏览器进行个性化定制。 ##### IE条件注释 ```html <!--[if lte IE 6]> <!...
以下总结了 FireFox、Chrome、IE、Opera 等浏览器加载背景音乐的解决方案。 浏览器背景音乐加载问题 在网页中加载背景音乐时,需要考虑不同浏览器的内核和音乐格式支持。.FireFox、Chrome、IE、Opera 等浏览器都有...
每个浏览器都有自己的内核,如Internet Explorer的 Trident、Firefox的 Gecko、Chrome和Safari的 Blink以及Opera的 Presto等,它们对CSS和JavaScript的解析规则不尽相同,导致了页面在不同浏览器中显示效果的差异。...
#### 四、浏览器兼容性的解决方案 解决浏览器兼容性问题的方法主要包括: 1. **使用CSS前缀**:针对不同内核使用特定的前缀,如-moz、-webkit等,确保样式在各浏览器中的正确呈现。 2. **JavaScript库和框架**:...
描述中提到的“已测试通过所有主流浏览器”,这意味着这个幻灯片组件经过了跨浏览器兼容性测试,可以在不同的浏览器如Chrome、Firefox、Safari、Edge和Internet Explorer等上正常运行。跨浏览器兼容性是网页开发的...
本篇文章将详细讲解如何利用JavaScript兼容Chrome和Firefox这两种主流浏览器,实现复制和粘贴功能。 首先,我们来看一下为什么复制粘贴在不同浏览器间会有兼容性问题。这是因为在JavaScript中,直接操作剪贴板的...
这里我们将深入探讨标题中提到的`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...
7. **浏览器兼容性**: 题目中提到了ie/ff/chrome,这意味着该解决方案考虑了Internet Explorer、Firefox和Chrome这三大主流浏览器的兼容性问题。对于老版本的IE,可能需要额外的适配代码来确保功能正常运行。 8. **...
本篇将详细介绍如何处理IE、Firefox(FF)、Chrome等主流浏览器的兼容性问题。 一、CSS兼容性问题及解决方案 1. 前缀使用:为了实现一些高级特性和动画效果,如CSS3的transform、transition、animation等,不同...