html 音频 好看的样式,HTML5音频选择播放样式

今天记录HTML5的音频播放样式，首先HTML5音频样式需要用到JS，这里我用了两种，这个代码之前老师也讲过，但是我这里记录的是自己的代码。

首先jquery-1.12.2.js是配置文件，但是MusicBox.js是自己手动添加的一个JS文件。

看HTML5的代码：

音频播放选择

body

{ font-size:13px;

font-family:宋体;

}

#ul_musicList

{

300px;

list-style-type:none;

margin:5px 0 3px 0;

padding:0px;

}

#ul_musicList li

{

padding:5px;

border:solid 1px #EEEEEE;

}

var mb=null;

$().ready(function(){

mb=new MusicBox();

mb.init();

});

οnended="mb.nextMusic()"

οnlοadstart="mb.loadStart()"

οnplaying="mb.playing()"

οnpause="mb.pausePaly()"

οnerrοr="mb.loadError()"

>

歌曲列表：

播放模式:

全部循环

单曲循环

完成后是这样的：

MusicBox.js文件的代码为了方便自己加深印象截取部分的代码图：

好了，今天的代码笔记就暂时这样了！