您好,欢迎来到华拓科技网。
搜索
您的当前位置:首页如何在HTML中添加背景音乐?

如何在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,表示音乐在网页打开的同时加载音乐

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuo6.cn 版权所有 赣ICP备2024042791号-9

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务