document.getElementById('music').play();

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

document.addEventListener("WeixinJSBridgeReady", function() {
document.getElementById('music').play();
}, false);

document.addEventListener("WeixinJSBridgeReady", function () {
shakeMusic.load();
}, false);

<div class="music">
<img class="musicImg" src="/images/music.png">
</div>

.music {
position: absolute;
width: rem(64px);
height: rem(64px);
top: rem(66px);
left: rem(15px);
z-index: 1000;
img {
width: 100%;
}
}
.musicRun {
-webkit-animation: music 2.5s infinite linear 0.5s;
animation: music 2.5s infinite linear 0.5s;
}
@-webkit-keyframes music {
0% {}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes music {
0% {}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

var $img = $('.musicImg')
var music = document.getElementById('music');
var isPlaying = false
running()
$img.on('click', function() {
!isPlaying ? running() : paused()
})
function running() {
music.play();
$img.addClass('musicRun')
isPlaying = true
}
function paused() {
music.pause();
var siteImg = $img.css('transform') //获取当前元素的动画改变，transform的值
var siteWp = $('.music').css('transform')
$('.music').css('transform', siteWp === 'none' ? siteImg : siteImg.concat('', siteWp))
//由于父元素没有动画，所以每次赋值的时候，需要将上次父元素的状态加上
$img.removeClass('musicRun')
isPlaying = false
}