- <!-- 音乐 start-->
- <div class="musicinfo" id="musicinfo">
- <audio id="musicid" src="music.mp3" preload="preload" autoplay="autoplay"
- loop="loop">
- 您的浏览器不支持 audio标签。
- </audio>
- <img class="music on roate" src="musicon.png">
- </div>
- <!-- 音乐 end-->
- <script type="text/javascript">
- // 音乐播放
- function autoPlayMusic() {
- // 自动播放音乐效果,解决浏览器或者APP自动播放问题
- function musicInBrowserHandler() {
- musicPlay(true);
- document.body.removeEventListener('touchstart', musicInBrowserHandler);
- }
- document.body.addEventListener('touchstart', musicInBrowserHandler);
- // 自动播放音乐效果,解决微信自动播放问题
- function musicInWeixinHandler() {
- musicPlay(true);
- document.addEventListener("WeixinJSBridgeReady",
- function() {
- musicPlay(true);
- },
- false);
- document.removeEventListener('DOMContentLoaded', musicInWeixinHandler);
- }
- document.addEventListener('DOMContentLoaded', musicInWeixinHandler);
- }
- function musicPlay(isPlay) {
- var audio = document.getElementById('musicid');
- if (isPlay && audio.paused) {
- audio.play();
- }
- if (!isPlay && !audio.paused) {
- audio.pause();
- }
- }
- autoPlayMusic();
- </script>
来源: http://www.bubuko.com/infodetail-1953676.html