html在不同浏览器里面实现背景音乐的播放

最新推荐文章于 2021-06-23 14:00:54 发布
最新推荐文章于 2021-06-23 14:00:54 发布
阅读量5k 收藏 2
点赞数 2
分类专栏： web相关之背景音乐 文章标签： 音乐 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/tgm523151/article/details/48212005
版权
本文介绍了在不同浏览器中实现HTML背景音乐播放的方法，包括只适用于IE的方案、适用于非Firefox浏览器的方案以及专为Firefox设计的方案，强调了浏览器兼容性问题对开发者的影响。

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

首先要说明的是:背景音乐是一种动态的效果,所以必须在jsp页面而非html页面里面使用!


第一种:只适合ie浏览器

在jsp页面中加入<bgsound src="音乐url" loop="-1"> 
在这里要说的是，“loop”中的数值是音乐循环的次数，可设置为任意
最低0.47元/天 解锁文章
多个html5页面背景音乐,HTML5页面背景音乐代码 网页背景音乐通用代码
weixin_39798579的博客
06-03 2176
这篇文章主要为大家详细介绍了HTML5页面背景音乐代码 网页背景音乐通用代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。网页背景音乐是个比较老旧的问题和技术了，上世纪90年代就是十分流行的了，给自己的网页加上一段背景音乐轻快而且于感染力，随着网页技术的发展，除了少部分音乐站点、个人博客、游戏站点外几乎很少有使用到网页背景音乐的地方，当然了这也是织梦361小...
主流浏览器上HTML5多媒体播放器的实现以及加速方式
tugouxp的专栏
04-15 915
浏览器内核主要浏览器实现其他实现(部分双内核)midori,QQ浏览器(极速模式),遨游,搜狗，operaGeckoBlinkOpera,360浏览器，猎豹浏览器，operaTrident世界之窗(theworld),360浏览器,猎豹浏览器，百度浏览器，QQ浏览器(普通模式)，遨游，搜狗(前期edgehtml后续使用chromium内核)windows 10。
浏览器的背景音乐实现方式总结
chaiguo3267的博客
06-27 558
1、【利用audio】播放背景音乐这其实很简单，只需要在html的head之间加入这么一句话就ok了： <audio id="music" controls="controls" autoplay="autoplay" loop="loop"> <source src="mp3/benxi-StillBelieve.mp3" type="audi...
chrome浏览器播放背景音乐
weixin_33686714的博客
04-28 1266
以前每次给背景添加音乐时，有时候可以播放，有时候播放不了，当时也没注意，现在注意了一下，当使用谷歌内核浏览器时，用以下代码，背景音乐绝对可以播放：（只是个例子） html代码： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>chrome浏览器播放背景音乐&...
html多个背景音乐自动播放,多个背景音乐同时自动播放?
weixin_33272141的博客
05-30 1640
一、按照这个步骤，添加音乐一定可以成功1、进入右上角的“控制面版”2、进入“个人首页内容维护”3、选“自定义空白面板”4、选“新增”5、勾选“显示源代码”；在题目写：播放器(别的名字也可以)6、把上面这段代码贴进去就OK了。7、回到刚才的控制面板，左边“BLOG信息设置”里面有“定制我的首页”，请点击！8、会看见左边计数器下面，(也就是有留言，评论那一列的最下面)有一个“添加页面模块”(注意不是最...
兼容IE、FireFox等跨浏览器播放背景音乐 html
ruanjianzhong的专栏
07-10 320
&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
在Dreamweaver里面添加音乐播放器背景音乐的方法
09-24
在Dreamweaver中添加音乐播放器作为网页的背景音乐，是一种常见的增强用户体验的方式。通过这种方法，用户在浏览网页时可以享受到连续的音频环境，为网站增添氛围或强化品牌识别度。下面将详细介绍如何在Dreamweaver...
HTML5页面音视频在微信和app下自动播放的实现方法
09-28
文章中给出的代码示例，通过在文档加载完毕时添加事件监听（DOMContentLoaded），在微信JSBridge准备就绪时调用播放函数（WeixinJSBridgeReady），并在播放成功后卸载相应的事件监听，以此实现微信环境下音视频的...
html根据PC手机设置不同背景图,Html-根据不同的分辨率设置不同的背景图片
weixin_39966602的博客
06-23 1008
@mediaonlyscreenand(min-width:1024px) //当分辨率width>=1024px时使用1.jpg作为背景图片{.bg{background:url(./images/1.jpg)no-repeat;}}@mediaonlyscreenand(min-width:400px)and(max-width:1024px)...
HTML5中多页面实现背景音乐的连续播放
热门推荐
DoWhatYouSay的博客
05-14 3万+
前几天老师布置了一个课程作业，用所学HTML5相关知识写几个页面出来，于是就开始了制作： 做到最后效果如图： 这是其中一个页面的图片，头部六个都是跳转到其他相关页面的标题，此时我在主页中添加了背景播放音乐： <!--添加音频播放，设置为自动播放,并隐藏播放控件的显示--> <audio controls="controls" autoplay="...
html5(h5)播放mp3全浏览器兼容
12-20
html5(h5)播放mp3全浏览器兼容 兼容主流浏览器，兼容微信内置浏览器，兼容移动端浏览器 等等，html5
网页背景音乐控制
08-03
网页背景音乐控制,动画的
按钮控制网页背景音乐
10-16
按钮控制网页背景音乐,可重复播放，可暂停，源码，兼容性好
android浏览器背景音乐,浏览器的背景音乐实现方式总结
weixin_42208901的博客
05-27 467
1、【利用audio】播放背景音乐这其实很简单，只需要在html的head之间加入这么一句话就ok了：autoplay如果出现该属性，则音频在就绪后马上播放。controls如果出现该属性，则向用户显示控件，比如播放按钮。loop如果出现该属性，则每当音频结束时重新开始播放。muted规定视频输出应该被静音。preload如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "auto...
网页背景音乐代码
hhxxcj的专栏
02-06 1260
一、用bgsound实现背景音乐将这段代码插入到您的之间当您打开网站时即可听到背景音乐： 这种当网页最小化之后，音乐会消失 二、用embed标签实现网页背景音乐的代码：在HTML中有embed标签可以实现背景音乐的插入功能，其语法规则如下：　　　　下表给出有关上面的语法的一些具体的值和含义：src音乐文件的路径及文件名；
html 音乐能连续播放吗,音乐在不同HTML页面的连续播放问题
weixin_30735701的博客
06-04 1692
原则上不同的页面，资源重新加载，音乐的播放会被重置。要实现音乐的连续播放，可以尝试使用如下的一些方法：1. 主页面使用frame,实际上是隐藏了music.html，只显示index.html，然后页面切换只是在index.html所在的那个frame发生，而主页面和music页面实际未重新加载。这样音乐可以连续播放，但缺点是没办法在index.html页面中控制音频播放。2. 使用Ajax动态加...
多个html5页面背景音乐,微信H5页面背景音乐推荐
weixin_39573822的博客
06-03 990
移动互联网的兴起，改变了大众的生活方式和习惯，同时也促成了信息发布渠道的多元与创新，其中的佼佼者便是H5。清晰、直观的页面，恰到好处的音乐，充满趣味的互动体验，这些优势都让H5迅速成为一种流行的传播方式，本期100Audio版权音乐平台精选适合H5使用的背景音乐，为您的项目制作提供参考。以下音乐选自100Audio版权音乐库。快乐 口哨 尤克里里 乐趣https://100audio.com/do...
html中加音乐 全部过程,HTML中添加背景音乐
weixin_29313239的博客
05-31 2086
上面的例子使用了两个不同的音频格式。HTML5 元素会尝试以 mp3 或 ogg 来播放音频。如果失败，代码将回退尝试 元素。如果你不需要这个播放器，而是直接播放音乐。可以这样修改。把 controls="controls" 去掉。这个意思是不要控件。添加autoplay="autoplay",意思是打开网页时自动播放。循环播放添加 音乐可以无限循环。android中添加背景音乐方法一:这是...
春节跨年烟花HTML代码特效，倒计时自动播放
在该代码中，会使用HTML的`<audio>`元素来播放烟花爆炸的声音以及背景音乐。开发者需要确保音效文件在零点准时播放，以增强跨年氛围。 7. **代码自定义**：代码说明中提到可以更改里面的文字和背景音乐，这意味着...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值