HTML5简朴实现添加背景音乐的几种方法

2024-11-2 22:35| 发布者: db4d5a85| 查看: 113| 评论: 0

摘要: 这里保举两种方法，就是两个标签 <embed> 或者<audio > 常用 <audio > +css布局隐蔽播放器做网站比较实用！ [code] <!DOCTYPE html> <html> <head> <title>html5添加音乐</title> <meta charset="utf-8"

这里保举两种方法，就是两个标签 <embed> 或者<audio >

常用 <audio > +css布局隐蔽播放器做网站比较实用！

[code] <!DOCTYPE html> <html> <head> <title>html5添加音乐</title> <meta charset="utf-8"> <embed src="C:\Users\傲慢与偏见\Music\泠鸢yousa - 相思引.mp3" hidden="flase" autostart="true" loop="true">  阐明： 1、src毫无疑问写路径. 2、使用hidden="true"表示隐蔽音乐播放按钮，相反使用hidden="false"表示开启音乐播放按钮。 3、使用autostart="true" 表示是打开网页加载完后自动播放。 4、使用loop="true"表示循环播放如仅想播放一次则为：loop="false" </head> <body> <audio autoplay="autoplay" loop="loop" preload="auto" controls="controls" src="C:\Users\傲慢与偏见\Music\泠鸢yousa - 相思引.mp3"> </audio> 阐明： 1、使用autoplay="autoplay"，则背景音乐将在音网页打开后就自动立刻播放。 2、使用controls="controls"，则为了在页面内表现表现控件，如播放按钮。 3、使用"loop="loop"，则是为了是背景音乐重复播放。 4、使用preload="auto"，则音频在页面加载的同时进行加载，并预备播放。 5、使用src=""，便是在""内加入背景音乐的生存路径，如：src=""。注：假如想播放按钮隐蔽，则使用以下语句：直接使用css 的display控制audio标签的表现： <style type="text/css"> audio{ display: none; } </style> </body> </html> [/code]

尚有个<bgsound>标签：

<bgsound> 标签为 IE

<embed> 为其它

一样平常用法：

[code] <bgsound src=" " autostart="true" loop="false" /> <embed src=" " autostart="true" loop="false" /> [/code]

我搞了半天bgsound就是没声音，大概的原因：<bgsound >标签在IE内核里是不会被直接读取的，所以em…

办理：在判断为IE内核时把两个标签都加载进去，而已<embed>标签要在<bgsound>前，并且将自动播放设置为 autostart=“false”;

到此这篇关于HTML5简朴实现添加背景音乐的几种方法的文章就先容到这了,更多相关HTML5添加背景音乐内容请搜索脚本之家以前的文章或继承欣赏下面的相关文章，希望各人以后多多支持脚本之家！

来源：https://www.jb51.net/html5/775126.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

收藏分享邀请

上一篇：canvas绘制折线路径动画实现下一篇：HTML 罗盘式时钟的实现

账号		自动登录	找回密码
密码			立即注册

HTML5简朴实现添加背景音乐的几种方法

相关分类

站长推荐 /6