这是一个简单的移动端的音乐播放器,主要使用html,css,jquery。
播放歌曲主要是放在audio标签中:<audio src="http://www.erkezaixian.com/skin/14pa/style/song.mp3" id="mPlay" style="display: none;"></audio>
在没点击播放时,页面如下:
点击播放时,页面如下:用audio.play();触发音乐的播放,光盘图片用css控制旋转:
.play .music{ -webkit-animation:9.5s linear 0s normal none infinite rotate;}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}