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;