定义音乐按钮

<div ></div>

音乐 
<audio ></audio>

src 属性规定要播放的视频的 URL

loop 属性规定当视频结束后将重新开始播放。设置该属性，则视频将循环播放。

autoplay 属性设置为自动播放的 video 元素：  autoplay 属性规定一旦视频就绪马上开始播放。

js文件

<script type="text/javascript">

　　ios自动播放
　　function audioAutoPlay(id){
　　　　var audio = document.getElementById(id),
　　　　play = function(){
　　　　　　audio.play();
　　　　　　document.removeEventListener("touchstart",play, false);
　　　　};
　　　　audio.play();
　　　　document.addEventListener("WeixinJSBridgeReady", function () {
　　　　　　play();
　　　　}, false);
　　　　document.addEventListener('YixinJSBridgeReady', function() {
　　　　　　play();
　　　　}, false);
　　　　document.addEventListener("touchstart",play, false);
　　}
　　audioAutoPlay('o-music');
　　音乐按钮
　　$('#music-btn').on('click', function(){
　　　　if(!document.querySelector('#o-music').paused){
　　　　　　document.querySelector('#o-music').pause();
　　　　　　$(this).removeClass('o-play');
　　　　}else{
　　　　　　document.querySelector('#o-music').play();
　　　　　　$(this).addClass('o-play');
　　　　}
　　});
//禁止安卓手机图片点击
　　for(var i=0; i<document.querySelectorAll('img').length; i++){
　　　　document.querySelectorAll('img')[i].addEventListener('click', function(e){
　　　　e.preventDefault();
　　})
}
</script>