兼容IE-FireFox-Chrome的背景音乐播放

最新推荐文章于 2021-06-03 02:50:44 发布
最新推荐文章于 2021-06-03 02:50:44 发布
阅读量425 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： HTML/CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/renhanlinbsl/article/details/52209940
本文介绍了一种实现网页背景音乐播放的方法，通过结合使用<bgsound>及<audio>标签，确保了不同浏览器间的兼容性。其中<bgsound>用于Internet Explorer浏览器，而<audio>则适用于其他现代浏览器。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

以music目录下的kn.mp3文件为例：

<bgsound src="music/kn.mp3" loop="-1"/>

<audio src="music/kn.mp3" controls autoplay='autoplay' loop="loop" id='eggs_audio' style='display:none;'></audio>

使用bgsound来在IE下播放，使用audio来兼容其他主流浏览器。

记录下来，留待后查。

谢谢支持！

可以联系我进行交流。Renhanlinbsl@163.com

 

2015.12.26

23:53

FireFox chrome 等浏览器加载背景音乐
12-18
FireFox chrome IE opera 等浏览器加载背景音乐 解决了兼容性问题
firefox和ie中播放背景音乐
mooxin的专栏
01-06 1247
   在IE中播放背景音乐,可以用bgsound   简单的语句如下:      其中src指的是设置或获取要播放的声音的 URL.(Sets or retrieves the URL of a sound to play)       loop指的是设置或获取声音或视频剪辑在激活时的循环播放次数 值为-1时指的是无限次播放.值为0时播放一次.值为其它数值时播放的次数为设置的数值.它的缺省值为1次
兼容chrome和ie的音乐播放
metecyu的专栏
10-20 2444
兼容chrome和ie的音乐播放(Ie7 Ie8 Ie9 均测试过 ) aa function playSound(){ var snd_ie = document.getElementById('snd_ie'); snd_ie.src = "./alert.wav" var snd_chrome = document.getElementById('snd_ch
兼容多浏览器的音乐（背景音乐）播放的JS代码
10-05
这是一个兼容多浏览器的音乐播放的JS代码，在IE、Chrome、MiNiIE、360浏览器里边测试通过，但是不知道肿么了我当前用的百度浏览器这个版本竟然不会出声，不过还好大多数都可以的，需要的朋友下载就可以了，附带有好听的测试音乐哦！
JS实现pasteHTML兼容ie,firefox,chrome的方法
11-22
本文将详细介绍如何使用JavaScript实现一个兼容IE、Firefox和Chrome的`pasteHTML`方法。 首先，我们要理解在不同浏览器中处理粘贴事件的方式： 1. **Internet Explorer (IE)**：在IE中，我们可以使用`document....
css页面变灰度兼容ie、firefox、chrome、opera、safari实现样式
01-21
复制代码代码如下: ... -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter:none; }
兼容IE、firefox以及chrome的js获取时间(getFullYear)
01-19
IE、FireFox、Chrome下均可行 JS中getYear()和getFullYear()区别: js中得到当前年份做法是var dayObj=new Date(); dayObj.getYear()来得到年份，我前面写过这样会出现浏览器的兼容性的问题，就是在IE中能得到我们
JS导入导出Excel 兼容IE、Firefox、Chrome等浏览器
05-10
"JS导入导出Excel 兼容IE、Firefox、Chrome等浏览器"这一技术主题，聚焦于如何使用JavaScript（JS）在各种浏览器环境下处理Excel文件，包括古老的Internet Explorer（IE）、Firefox以及Chrome。下面我们将深入探讨这...
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
12-10
下面我们将详细探讨如何使用JavaScript实现“设为首页”和“加入收藏”的功能，并关注兼容IE、Firefox、Chrome等主流浏览器的实现策略。 首先，让我们来看“加入收藏”功能的实现。在Internet Explorer（IE）中，...
兼容ie和google的音频播放代码
07-12
可以用audio标签兼容ie8/7/6以及google浏览器播放音频文件
ie浏览器（Internet Explorer）不播放背景音乐
dekhjgdfv895375041的博客
03-15 293
这里就不说bgsound了，支持格式较少 一个网站要加背景音乐，好些年没加背景音乐了，用embed标签把背景音乐加上了，Mozilla Firefox，Google Chrome，Safari都正常，IE要半天才响，甚至是不响，郁闷了半天！ F12打开ie调试工具，“网络”-》“开始捕捉”，发现当加载到flash时，进程挂起（就是不加载flash），汗！ 折腾了半天，看html5加...
php页面能加音乐吗,网页背景音乐的设置方法，兼容所有浏览器
weixin_33378570的博客
03-10 244
给网页设置背景音乐本是个很平常的功能，可最近却为这个大伤脑筋，原本一段好好的背景音乐代码在各种浏览器下都是好好的，但在客户的苹果电脑上的苹果浏览器里面就是没有声音，不过最终还是另辟蹊跷的给解决了，说他兼容所有浏览器，我想他既然连苹果这个怪胎都兼容了，其他的应该不会再出什么状况了吧。先发一段正常的背景音乐设置代码：这个在ie firefox 谷歌浏览器下都是木有问题的，但是在苹果操作系统下的苹果浏览...
兼容IE、FireFox等跨浏览器播放背景音乐 html
ruanjianzhong的专栏
07-10 329
&lt;object data="music.mp3" type="application/x-mplayer2" width="0" height="0"&gt; &lt;param name="src" value="music.mp3"&gt; &lt;param name="autostart" v
HTML网页背景音乐怎么在谷歌,谷歌浏览器如何添加背景音乐
weixin_35659543的博客
06-03 631
问题：在网页中用下面两种方法添加网页背景音乐：1.2.这两种办法，在IE浏览器上都能顺利播放出背景音乐，但是在谷歌和火狐浏览器上没有背景音乐。两种解决方案：1.使用HTML5.0的标签：属性的具体说明如下：属性 值 描述autoplay true | false 如果是 true，则音频在就绪后马上播放。con...
chrome谷歌浏览器如何让网站可以自动播放音乐
xvzhengyang的博客
12-25 9668
众所周知,谷歌浏览器在18年开始禁止网页自动播放音乐和视频,除非是静音播放;但是需求又需要我们当在一个合适的时机去播放声音,这就比较麻烦了; 第一步,浏览器-设置页面-搜索"网站设置" 第二步,打开网站设置-找到 "声音" 第三步:添加网站 第四步:检查声音 到此为止,浏览器重新打开即可 ...
html在不同浏览器里面实现背景音乐的播放
tgm523151的博客
09-04 5034
首先要说明的是:背景音乐是一种动态的效果,所以必须在jsp页面而非html页面里面使用! 第一种:只适合ie浏览器 在jsp页面中加入  在这里要说的是，“loop”中的数值是音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。 -->注意这种只在ie里面有效,并且我试了一下,不同版本的ie也不一定都支持;这种不会显示任何信息,只会在后台默默播放!
chrome浏览器播放背景音乐
weixin_33686714的博客
04-28 1275
以前每次给背景添加音乐时，有时候可以播放，有时候播放不了，当时也没注意，现在注意了一下，当使用谷歌内核浏览器时，用以下代码，背景音乐绝对可以播放：（只是个例子） html代码： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>chrome浏览器播放背景音乐&...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值