• 售前

  • 售后

热门帖子
入门百科

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

[复制链接]
掌舵的鱼1987 显示全部楼层 发表于 2021-8-14 14:29:03 |阅读模式 打印 上一主题 下一主题
这里保举两种方法,就是两个标签 <embed> 或者<audio >
常用 <audio > +css结构 隐蔽播放器 做网站比力实用!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>html5添加音乐</title>
  5.     <meta charset="utf-8">
  6.    
  7. <embed src="C:\Users\傲慢与偏见\Music\泠鸢yousa - 相思引.mp3" hidden="flase" autostart="true" loop="true">
  8. <!--embed标签写在<head>里面的title标签下-->
  9. 说明:
  10. 1、src毫无疑问写路径.
  11. 2、使用hidden="true"表示隐藏音乐播放按钮,相反使用hidden="false"表示开启音乐播放按钮。
  12. 3、使用autostart="true" 表示是打开网页加载完后自动播放。
  13. 4、使用loop="true"表示 循环播放 如仅想播放一次则为:loop="false"
  14. </head>
  15. <body>
  16. <audio autoplay="autoplay" loop="loop" preload="auto" controls="controls"
  17.             src="C:\Users\傲慢与偏见\Music\泠鸢yousa - 相思引.mp3">      
  18. </audio>
  19. 说明:
  20. 1、使用autoplay="autoplay",则背景音乐将在音网页打开后就自动马上播放。
  21. 2、使用controls="controls",则为了在页面内显示显示控件,如播放按钮。
  22. 3、使用"loop="loop",则是为了是背景音乐重复播放。
  23. 4、使用preload="auto",则音频在页面加载的同时进行加载,并预备播放。
  24. 5、使用src="",即是在""内加入背景音乐的保存路径,如:src=""。
  25. 注:若是想播放按钮隐藏,则使用以下语句:
  26. 直接使用css 的display控制audio标签的显示:
  27. <style type="text/css">
  28. audio{
  29.          display: none;
  30.      }
  31. </style>
  32. </body>
  33. </html>
复制代码
另有个<bgsound>标签:
<bgsound> 标签 为 IE
<embed> 为其它
一样平常用法 :
  1. <bgsound src=" " autostart="true" loop="false" />
  2. <embed src=" " autostart="true" loop="false" />
复制代码
我搞了半天bgsound就是没声音 ,大概的原因:<bgsound >标签在IE内核里是不会被直接读取的,以是em…
解决:在判断为IE内核时 把两个标签都加载进去 ,而已<embed>标签要在<bgsound>前,而且将主动播放设置为 autostart=“false”;
到此这篇关于HTML5简朴实现添加配景音乐的几种方法的文章就先容到这了,更多相关HTML5添加配景音乐内容请搜索草根技术分享以前的文章或继续欣赏下面的相关文章,盼望大家以后多多支持草根技术分享!

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作