HTML+JS+CSS制作一个自定义音乐播放器

html-css094

HTML+JS+CSS制作一个自定义音乐播放器,第1张

<audio controls name="audio" width="500px" id="jojo" style="display: none">

<source src="mp3文件" type=" audio/mpeg ">

</audio>

1、首先打开Sublime Text编辑器新建一个工程,在目录中准备好1个html文件和要插入的音频文件:

2、打开HTML文件,新建一个空的HTML5文档结构,在body标签中插入audio元素,audio元素里面通过source引入音频文件:

3、保存文件以后打开浏浏览器,会在网页中看到音频播放器,点击播放按钮就会自动播放音频了:

你看,播放MP3可以直接用html标签embed

具体用法:

<embed autoplay="false" src="音乐文件名字.mp3" width="200" height="45" />

autoplay可选参数:true,false,其中true代表自动播放,false代表手动播放。

src就是MP3的路径。

width和height代表播放器的宽度和高度。

希望能帮到你。