function audioAutoPlay(id) {
                var audio = document.getElementById(id);
                audio.play();
                document.addEventListener("WeixinJSBridgeReady", function () {
                    audio.play();
                }, false);
                var img1 = document.getElementById('music-play');
                var img2 = document.getElementById('music-stop');
                img2.style.display = 'none';
                img1.style.display = 'block';
            }
            function play() {
                var aud = document.getElementById('aud');
                aud.pause();
                var img1 = document.getElementById('music-play');
                var img2 = document.getElementById('music-stop');
                img2.style.display = 'block';
                img1.style.display = 'none';
            }
<div class='music-play' id='music-play' style='display:none;' onclick='play()'></div>
<div class='music-stop' id='music-stop' style='display:block;' onclick='audioAutoPlay("aud")'></div>
            .music-play{ 
                background: url(./images/music_icon.png) no-repeat -4px -1px;
                background-size: 42px 77px;
            }
            .music-stop { 
                display: none; 
                background: url(./images/music_icon.png) no-repeat -4px -40px; 
                background-size: 42px 77px;
            }
            .music-play, .music-stop { 
                position: absolute; 
                top: 15px; 
                left: 15px; 
                z-index: 9000; 
                width: 34px; 
                height: 34px;
                opacity: 1;
            }

posted on 2017-01-13 17:57  浊浊然  阅读(110)  评论(0)    收藏  举报