video 微信端自动播放

*** 这个实测好像 只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();
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。