请选择 进入手机版 | 继续访问电脑版



吾爱汇站网官方联系方式

工作时间: 周一到周五早上09:00-11:00, 下午03:00-05:00, 晚上20:30-22:30(周六、日休息)
QQ: 211985957  168528823  97147700  53150916 汇聚、帮助、交流   E-Mail: postmaster@5ihz.cn
用户交流QQ群
1群21532443 2群413446685 ←提醒:请勿重复加群,谢谢!(本站提供低价收费技术服务,详情联系在线客服)
查看: 2605|回复: 24

在HTML中添加背景音乐

[复制链接]

73

主题

314

帖子

733

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
733
发表于 2019-6-26 21:53:18 | 显示全部楼层 |阅读模式
方法一:
码中编写以下几句代码将能实现在HTML网页内添加背景音乐;
  1. <audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"
复制代码
说明:
1、使用autoplay="autoplay",则背景音乐将在音网页打开后就自动马上播放。
2、使用controls="controls",则为了在页面内显示显示控件,如播放按钮。
3、使用"loop="loop",则是为了是背景音乐重复播放。
4、使用preload="auto",则音频在页面加载的同时进行加载,并预备播放。
5、使用src="",即是在""内加入背景音乐的保存路径,如:src="web网页制作\03.mp3"。
注:若是想播放按钮隐藏,则使用以下语句:
直接使用css 的display控制audio标签的显示:
  1. <style type="text/css">
  2.      audio{
  3.              display: none;
  4.          }
  5. </style>
复制代码
方法二:在<head></head>中的title标签之下添加以下这行代码
  1. <embed src="web网页制作\03.mp3" hidden="true" autostart="true" loop="true">
复制代码
说明:
1、src="",在""内添加你音乐的保存路径。
2、使用hidden="true"表示隐藏音乐播放按钮,相反使用hidden="false"表示开启音乐播放按钮。
3、使用autostart="true" 表示是打开网页加载完后自动播放。
4、使用loop="true"表示 循环播放 如仅想播放一次则为:loop="false"
方法三:在HTML中敲写以下代码:
  1. <bgsound src="音乐保存的绝对路径" autostart=true loop=infinite>
复制代码
说明:1、使用autostart=true,表示音乐在网页加载同时加载音乐,打开网页时音乐自动播放。

回复

使用道具 举报

6

主题

263

帖子

552

积分

高级会员

Rank: 4

积分
552
发表于 2019-6-26 21:55:59 | 显示全部楼层
【吾爱汇站网】加油,我们都看好你哦,快分享更多好资源吧!
回复

使用道具 举报

1

主题

261

帖子

539

积分

高级会员

Rank: 4

积分
539
发表于 2019-6-26 23:05:25 | 显示全部楼层
谢谢分享
回复

使用道具 举报

0

主题

243

帖子

508

积分

高级会员

Rank: 4

积分
508
发表于 2019-6-27 09:56:59 | 显示全部楼层
我靠,终于找到这个了
回复

使用道具 举报

0

主题

261

帖子

532

积分

高级会员

Rank: 4

积分
532
发表于 2019-6-27 22:37:58 | 显示全部楼层
支持,楼下的跟上哈~
回复

使用道具 举报

15

主题

269

帖子

556

积分

钻石会员(永久)

Rank: 8Rank: 8

积分
556
发表于 2019-6-27 22:59:38 | 显示全部楼层
我抢、我抢、我抢沙发~
回复

使用道具 举报

9

主题

278

帖子

577

积分

高级会员

Rank: 4

积分
577
发表于 2019-6-27 23:38:00 | 显示全部楼层
真实我需要的,回复看下, 真能用吗额
回复

使用道具 举报

13

主题

271

帖子

569

积分

高级会员

Rank: 4

积分
569
发表于 2019-6-28 06:52:47 | 显示全部楼层
谢谢分享
回复

使用道具 举报

0

主题

254

帖子

518

积分

高级会员

Rank: 4

积分
518
发表于 2019-6-28 08:16:56 | 显示全部楼层
支持支持再支持
回复

使用道具 举报

0

主题

265

帖子

544

积分

高级会员

Rank: 4

积分
544
发表于 2019-6-28 13:07:51 来自手机 | 显示全部楼层
高手云集 果断围观
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


快速回复 返回顶部 返回列表