Html5音乐插件,谁知道这是怎么实现的,右上角有个圆形的音符控制背景音乐播放!

& lt!DOCTYPE html & gt

& lthtml & gt

& lthead & gt

& ltmeta charset="utf-8 " >

& lttitle & gt运动员

& ltstyle & gt

& lt/style & gt;

& lt/head & gt;

& ltbody & gt

& ltaudio id = " music 01 " src = " g . e . m .邓紫棋-红玫瑰和白玫瑰. mp3" loop = "loop " >您的浏览器不支持音频标签。& lt/audio & gt;

& lta href = " JavaScript:play pause();"& gt& ltimg src = " 1 . jpg " width = " 50 " height = " 50 " id = " music _ BTN 01 " border = " 0 " >& lt/a & gt;

& lt/body & gt;

& lt脚本& gt

函数playPause() {

var music = document . getelementbyid(' music 01 ');

var music _ BTN = document . getelementbyid(' music _ BTN 01 ');

如果(音乐.暂停){

music . play();

music _ BTN . src = ' 1 . jpg ';//播放图片

}

否则{

music . pause();

music _ BTN . src = ' 1 . jpg ';//暂停图片

}

}

& lt/script & gt;

& lt/html & gt;