美文网首页
video 微信端自动播放

video 微信端自动播放

作者: cca1000 | 来源:发表于2018-04-10 10:09 被阅读0次

    *** 这个实测好像 只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();
        }
    }
    

    相关文章

      网友评论

          本文标题:video 微信端自动播放

          本文链接:https://www.haomeiwen.com/subject/vpjghftx.html