H5页面在ios微信中，视频播放完成自动播放音频不成功

Question

1.需求：H5页面视频播放完成后，自动播放音频
2.开始在video播放完成后，调用音频播放没成功。无奈，加了个定时器尝试，也不行。（仅针对于ios微信上打开）
3.http://t1.toptest.yidianzixun...

var video_play=function(){
    $('.parent').css('background','#000');
    window.video = document.getElementById('video');
    window.video.play();
}

var audio_play=function(){
    window.audio = document.getElementById('audio');
    window.audio.play();
}

   document.addEventListener("WeixinJSBridgeReady", function () {
            if(ua.indexOf('android') > -1 || ua.indexOf('linux') > -1){
                $('#video').attr('poster','https://ks3-cn-beijing.ksyun.com/static.toptest.yidianzixun.com/public/file/1523865098649/4891523864996_.pic_hd.jpg');
            }else{
                 video_play();
                // audio_play();
                var t1 = window.setInterval(function(){
                    if(audio_num==0){
                        audio_play();
                        window.clearInterval(t1); 
                    }
                },1000); 
            }
        }, false);
        
        var audio_num=1;
//video播放结束
$("#video").get(0).addEventListener("ended", function () {
    $('.parent').hide();
    $(".audio_container").show();
    $('.container').show();
    audio_play();
    audio_num--;
    containerSwiper.slideTo(0, 0, false);
    containerSwiper.autoplay.start();
    containerSwiper.init();
}, false);

Answer 1

自己回答，问题解决了。
现在页面上写一个空的div
然后在视频播放完成后，动态创建一个新的音频标签
然后设置开始播放就好了

Answer 2

wx.config({
                    // 配置信息, 即使不正确也能使用 wx.ready
                    debug: false,
                    appId: '',
                    timestamp: 1,
                    nonceStr: '',
                    signature: '',
                    jsApiList: []
                });
                wx.ready(function () {
                    document.getElementById('playMusic').play();
                });

Answer 3

回答过类似问题，可参考链接描述