最简单的向HTML网页添加背景音乐的方法是什么?在html5里,直接有一个对应的控件就可以添加背景音乐了,下面我们来看一下。
在html5里,有一个audio的标签,我们先在html里加上这个标签。
这个audio标签,里面有一个子标签,就是source标签,主要是用来指定audio的播放源的。通过src属性指定Mp3文件的路径就行了。
运行页面,就可以看到一个mp3的播放器了。
点击播放器的播放按钮后,网页就可以播放mp3音乐了,非常简单。
HTML添加背景音乐(embed、audio)
<!DOCTYPE html><html><head> <title>html5添加音乐</title> <meta charset="utf-8"><!--embed标签写在<head>里面的title标签下--> <embed src="C:\Users\Administrator\Desktop\告白气球.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\Administrator\Desktop\告白气球.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>