video 微信端自动播放

2018-04-10  本文已影响0人  cca1000

*** 这个实测好像 只ios起作用,安卓无效
*** 使用前先确保,引用了微信jsdk.js文件

// 自动播放仅支持ios
autoPlayMusic();
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 video = document.getElementById("video");
    if(isPlay && video.paused) {
        video.play();
    }
    if(!isPlay && !video.paused) {
        video.pause();
    }
}
上一篇下一篇

猜你喜欢

热点阅读