PC浏览器添加背景音乐 VS 手机浏览器添加背景音乐

PC浏览器添加背景音乐 VS 手机浏览器添加背景音乐

最近需要在手机浏览器打开网页时自动播放背景音乐

网上找了很多都是PC浏览器打开网页时播放音乐的效果

现在个人进行些总结

1.PC浏览器中添加背景音乐

a.采用 bgsound(个人测试只支持IE浏览器)

<span style="font-family:SimSun;font-size:14px;"><bgsound src="http://yourmusicurl.mp3" loop="-1"></bgsound></span>

这个只支持IE浏览器，而且是完全下载完后才开始播放，不像下面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用下面所说的格式

b.采用embed(个人测试PC上绝大多数浏览器都是支持的)

<span style="font-family:SimSun;font-size:14px;"><embed id="soundControl" src="http://yourmusicurl.mp3" autostart="true" hidden="true" loop="true" width="0" height="0" style="margin: 0px;padding: 0px;position: absolute" / ></span>

--------hidden="true"表示隐藏播放，即不显示播放器的外观，若要想显示，把"true" 替换为"false"即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height="高度值" width="宽度值" 就可以了。
-------autostart="true"表示当前页一载入则自动播放，若不希望播放改为autostart="false"
即可...
------ loop="true"表示无限次循环播放音乐直到当前页关闭为止，不想循环播放替换为 loop="false"就OK了

2.手机浏览器添加背景音乐

a.采用audio(支持在手机浏览器中播放)

<span style="font-family:SimSun;font-size:14px;"> <audio autoplay="autoplay" loop="loop"> <source  src="http://yourmusicurl.mp" type="audio/mpeg">
</audio></span>

在src中设置自己的音乐路径就行

个人总结有不妥之处还望各位指出

PC浏览器添加背景音乐 VS 手机浏览器添加背景音乐相关推荐

2022年浏览器行业前景：手机浏览器产品趋于智能化
我们遇到不懂的问题,第一反应可能就是用浏览器搜索一下答案,就可以找到自己想了解的东西.我国的手机浏览器已经逐渐走向成熟,浏览器产品趋于智能化,各大手机浏览器竞争激烈.国产手机浏览器企业如果想要在市场上 ...
用PC上的Chrome 模拟手机浏览器
在PC上使用chrome谷歌浏览器模拟手机浏览器,最新 chrome 浏览器(需要32以后版本的)都提供了这项功能,可以模拟 android .iphone.meego.黑莓等等多款手机,还有多款手机 ...
魔变Crx，让你的电脑浏览器也能变手机浏览器，超棒！
可能很多小白不知道,很多网页都是根据User-Agent来判断用户是不是通过手机来访问的(响应式的除外) 今天终于发现了一个"神器",可以将你的电脑浏览器一键转化为手机,平板,电脑 ...
php怎么跳转别的手机浏览器,JavaScript_JS脚本根据手机浏览器类型跳转WAP手机网站（两种方式），随着移动互联网的不断普及， - phpStudy...
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式) 随着移动互联网的不断普及,企业的网络宣传不仅只局限在PC端,还要在移动端发展.我们在自己的网站做了WAP手机完整之后,如果有用户通过手机访问我 ...
android 浏览器省流量,安卓手机浏览器哪个好用又省流量
流量测试是安卓原生手机的软件测评指标之一.几大手机浏览器哪个省流量呢?在手机流量费用全球最贵的一个国家里上网,怎么可以少了一个可以帮你省流量的手机浏览器? 今天我们为大家选择对比的都是近几年比较流行的 ...
百度浏览器支持html5,百度手机浏览器完美驾驭HTML5
8月17.18日,由百度主办,Adobe.W3C协办的Test The Web Forward (简称TTWF)2013上海站开发者活动举办,百度技术委员会理事长陈尚义.W3C HTML联合主席Pau ...
什么浏览器好用_手机浏览器不只UC，好用的浏览器还有这些
在手机上,很多人都用UC,当然也有不少人使用的是系统预装的浏览器,其实除了这两种之外,还有很多良心浏览器你没见过,今天就给大家介绍下五款安卓平台上那些比较良心而且相对好用的浏览器. 一.X浏览器这个 ...
html 适合手机浏览器,六款安卓手机浏览器HTML评测：Q立方浏览器完胜
近日,国内手机浏览器"内核之争"愈演愈烈,UC浏览器.手机QQ浏览器.Opera(欧朋).海豚浏览器.百度手机浏览器等都参与了这场内核大战,而HTML5测试得分也成为衡量" ...
Android给音频加上背景音乐,安卓手机视频加背景音乐怎么弄?在安卓手机上给视频加背景音乐并且一键识别歌词...
注意此教程方案是『安卓手机端教程方案』,在手机端操作不方便,对眼睛不好建议在电脑端操作电脑端教程方案推荐:视频加背景音乐怎么弄视频加背景音乐怎么弄?今天要介绍的是在安卓手机上解决视频加背景音乐怎 ...

PC浏览器添加背景音乐 VS 手机浏览器添加背景音乐

PC浏览器添加背景音乐 VS 手机浏览器添加背景音乐相关推荐

最新文章

热门文章