H5音樂(lè)如何在移動(dòng)端上自動(dòng)播放，還能自動(dòng)循環(huán)播放

audio1 音樂(lè)要一直循環(huán)，
audio2 只有在點(diǎn)擊按鈕時(shí)才會(huì)播放

loop="loop" 這個(gè)方法在手機(jī)上實(shí)現(xiàn)不了我的那些JavaScript 也不起作用
百度了一天，也沒(méi)能解決

 
    <audio class="music" src="audio/H5_home.mp3" id="audio1"  preload loop="loop"></audio>
    <audio class="music" src="audio/H5_gold.mp3" id="audio2"></audio>
    
    以下是JavaScript 代碼
    
        function audioAutoPlay(id){
            var audio1 = document.getElementById(id);
            audio1.play();
            document.addEventListener("WeixinJSBridgeReady", function () {
                    audio1.play();
            }, false);
        }
        audioAutoPlay('audio1');
        
        
//        var audio1 = document.getElementById("audio1");
//            audio1.play();
//     
//            document.addEventListener("WeixinJSBridgeReady", loopAudio,function(){
//
//                audio1.play();
//            });

  
        var audio2 = document.getElementById("audio2");
            audio2.play();
            document.addEventListener("WeixinJSBridgeReady",function(){
                audio2.play();
            });
            audio2.pause();
            document.addEventListener("WeixinJSBridgeReady",function(){
                audio2.pause();
            });

回答

編輯回答

別傷我

1.你這是要在微信里自動(dòng)播放嗎？自動(dòng)播放要加上autoplay="autoplay"
2.要看你js代碼的位置，你如果放在head里是沒(méi)法生效的
3.微信的ready現(xiàn)在不知道還是不是這樣判斷的，你可以在ready事件里加一些代碼看看ready事件有沒(méi)有觸發(fā)

2017年6月25日 00:14

編輯回答

挽青絲

可以看下我之前寫(xiě)的一篇文章鏈接描述

2017年6月4日 14:36

編輯回答

墻頭草

移動(dòng)端禁止自動(dòng)播放，必須由用戶(hù)觸發(fā)。
所以你只能剛進(jìn)頁(yè)面的時(shí)候通過(guò)一些事件來(lái)觸發(fā)。
我用的是下面這個(gè)。

             if(window.WeixinJSBridge){
                        WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
                            music.play();
                        }, false);
                    }else{
                        document.addEventListener("WeixinJSBridgeReady", function() {
                        WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
                            music.play();
                        });
                    }, false);
                }

2017年5月24日 23:38

編輯回答

葬愛(ài)

        // 計(jì)時(shí)器  音樂(lè) 是25秒，怕有延遲 設(shè)置了30秒循環(huán)，這樣就可以解決音樂(lè)在手機(jī)不循環(huán)的問(wèn)題
        setInterval(function(){
            audio1.play();
        },30000);
        //進(jìn)入頁(yè)面的音樂(lè)
        var audio1 = document.getElementById("audio1");
            audio1.play();
            audio1.loop;
            document.addEventListener("WeixinJSBridgeReady", function(){
    
                audio1.play();
                audio1.loop;
            });

2018年7月2日 11:55