如何在HTML中添加背景音乐?

如何在设计好的HTML网页的动态基础上添加一首背景音乐让整个画面极具美感呢?

今天小关就来介绍一下,添加背景音乐的几种方法 

方法一:
在源代码中编写以下几句代码将能实现在HTML网页内添加背景音乐;

    <audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"
                src="http://demo.mimvp.com/html5/take_you_fly.mp3">
    </audio>

说明:
1、autoplay="autoplay",背景音乐在音网页打开后自动播放。
点击并拖拽以移动
2、controls="controls",为了在页面内显示显示控件,如播放按钮。

3、使用"loop="loop",为了是背景音乐重复播放。

4、使用preload="auto",音频在页面加载的同时进行加载,并预备播放。

5、使用src="保存的绝对路径",即是在""内加入背景音乐的保存路径,如:src="HTML网页制作\01.mp3"。

注:若是想播放按钮隐藏,则使用以下语句:

    直接使用css 的display控制audio标签的显示:

<style type="text/css">
     audio{
             display: none;
         }
</style>

 
方法二:

在<head></head>中的title标签之下添加以下这行代码

<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中敲写以下代码:
<bgsound src="音乐保存的绝对路径" autostart=true loop=infinite> 

说明:autostart=true,表示音乐在网页打开的同时加载音乐

希望能帮到大家,问你们要一个赞,你们会给吗,谢谢大家
版权声明:本文版权归作者(@攻城狮小关)和CSDN共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
大家写文都不容易,请尊重劳动成果~ 
交流加Q:1909561302
博客园地址https://www.cnblogs.com/guanguan-com/

  • 41
    点赞
  • 177
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 11
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

攻城狮小关

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值