Html5 music plug-in, who knows how this is realized, there is a circular note in the upper right corner to control the background music playback!

& lt！ DOCTYPE html & gt

& lthtml & gt

& lthead & gt

& ltmeta charset="utf-8 " >

& lttitle & gt athletes

& ltstyle & gt

& lt/style & gt；

& lt/head & gt；

& ltbody & gt

& lt audio id = "music01"src = "g.e.m. G.E.M.-red rose and white rose.mp3 mp3" loop = "loop" > Your browser does not support audio tags. & lt/audio & gt；

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

& lt/body & gt；

& lt script & gt

Function playPause() {

var music = document . getelementbyid(' music 0 1 ')；

var music _ BTN = document . getelementbyid(' music _ BTN 0 1 ')；

If (Music. Pause) {

music . play()；

music _ BTN . src = ' 1 . jpg '； //Play the picture

}

Otherwise {

music . pause()；

music _ BTN . src = ' 1 . jpg '； //Pause the picture