码迷,mamicode.com
首页 > 移动开发 > 详细

audio标签自动播放在安卓播放正常,IOS不能自动播放

时间:2017-12-18 14:18:58      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:idg   img   body   ios   music   bsp   top   click   log   

    <img class="musicPic" src="./music.png" id="musicIcon" />
        <audio style="display: none;" autoplay="autoplay" id="autoplay" controls="controls"loop="loop" preload="auto"
                    src="{{detail.backGroundMusic}}">
              你的浏览器不支持audio标签
        </audio>

解决办法:

 //微信自动播放 
        function audioAutoPlay(){   
                      
            play = function(){  
                musicPlay.play();  
                document.removeEventListener("touchstart",play, false);  
            };   
            document.addEventListener("WeixinJSBridgeReady", function () {  
                play();  
            }, false);  
            document.addEventListener(‘YixinJSBridgeReady‘, function() {  
                play();  
            }, false);
            document.addEventListener("touchstart",play, false);  
        }  
        audioAutoPlay();   
        //点击图片播放暂停
        musicIcon.bind("click",function(){
            console.log(musicPlay)
            if(musicState === "on"){
                musicPlay.pause();
                musicState = "off";
            }else{
                musicPlay.play();
                musicState = "on";
            }
        });

 

audio标签自动播放在安卓播放正常,IOS不能自动播放

标签:idg   img   body   ios   music   bsp   top   click   log   

原文地址:http://www.cnblogs.com/guanguan-/p/8057043.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!