HTML 5でオーディオを再生して移動先で循環できない

1408 ワード

H 5ページを作って、1つのmp 3をバックミュージックにしなければならなくて、PCの端でデバッグして大丈夫で、それから携帯電話でコードをスキャンして開いて結果は循環して放送することができなくて、踏んだ穴を記録します
  • 最初はこんな
  • でした

    PC侧は大丈夫、无限循环播放、しかし携帯电话侧はただ1回だけ放送して、各种の度娘~~~、ついに方法を探し当てて、以下の通りです
     
           $(function(){
             var myAudio = document.getElementById('audio');
                myAudio.addEventListener('ends',loopAudio,false);
    
           })
            function loopAudio(){
                var myAudio = document.getElementById('audio');
                myAudio.play();
            }
        
    

    完成したと思って、交付するつもりで、突然発見して、androidシステムの循環放送は大丈夫で、iosのはまったく声を出さないで、引き続き万能の度娘を探して、同僚がqqの中で直接開いているため、qq/微信の内蔵のブラウザの問題のためかどうかを推測して、解决を試みます
        
            document.addEventListener('DOMContentLoaded',
                function () {
                    function audioAutoPlay() {
                        var audio = document.getElementById('audio');
                        audio.play();
                        document.addEventListener("WeixinJSBridgeReady",
                            function () {
                                audio.play();
                            },
                            false);
                    }
                    audioAutoPlay();
                });
        
    

    テストして、OK、android、IOSはやはりすべてできて、少し穴のお父さん