HTML5隐藏播放器播放背景音乐

五迷三道 提交于 2020-01-24 18:28:37

<audio controls autoplay>

<source src="1.mp3" type="audio/mpeg" >

您的浏览器不支持 audio 元素。

</audio>

HTML5隐藏播放器播放背景音乐

 

html5添加网页背景音乐 
一个客户要求给网站添加一个背景音乐,我用的是html5添加网页背景音乐的代码,在此记录一下以后有用。
html5方法一:<audio autoplay="" loop=""><source src="http://mi.0w0.im/Letter_Song.mp3 
"></audio>不显示播放器。  
html5方法二:<video controls="" autoplay="" name="media"><source src="我是音乐" type="audio/mpeg"></video>会显示播放器。
方法三:支持所有播放器:<embed src="/uploadfile/m.mp3" autostart="true" loop="true" hidden="true"></embed>我使用的此方法。
方法四:<bgsound src=背景音乐地址 loop=-1>  
我使用的是方法三的代码,支持所有浏览器,方法1和2是html5的代码,有的浏览器还不支持html5所以慎用。特别注意的是使用方法3的代码,最好是把mp3传到自己的空间,网上找的外链,可能会出现自动下载的情况。

转载于:https://www.cnblogs.com/HJQ2016/p/5860462.html

html5添加网页背景音乐 
一个客户要求给网站添加一个背景音乐,我用的是html5添加网页背景音乐的代码,在此记录一下以后有用。
html5方法一:<audio autoplay="" loop=""><source src="http://mi.0w0.im/Letter_Song.mp3 
"></audio>不显示播放器。  
html5方法二:<video controls="" autoplay="" name="media"><source src="我是音乐" type="audio/mpeg"></video>会显示播放器。
方法三:支持所有播放器:<embed src="/uploadfile/m.mp3" autostart="true" loop="true" hidden="true"></embed>我使用的此方法。
方法四:<bgsound src=背景音乐地址 loop=-1>  
我使用的是方法三的代码,支持所有浏览器,方法1和2是html5的代码,有的浏览器还不支持html5所以慎用。特别注意的是使用方法3的代码,最好是把mp3传到自己的空间,网上找的外链,可能会出现自动下载的情况。
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!