美文网首页
小程序web-view:退出时,H5中video在IOS仍在播放

小程序web-view:退出时,H5中video在IOS仍在播放

作者: 蝴蝶结199007 | 来源:发表于2021-02-05 19:55 被阅读0次

    两种写法都可以实现:

    document.addEventListener("visibilitychange", () => {
    if(document.hidden) {
    // 页面被挂起,暂停播放

     }else {
    // 页面呼出
                   
     }
    

    });
    ``

    设置页面可见与否:

    document.addEventListener('visibilitychange', function () {
    // 用户离开了当前页面
    if (document.visibilityState === 'hidden') {
    console.log("页面不可见");
    var music = document.getElementById("play");
    music.pause();//暂停
    }

    // 用户打开或回到页面
    if (document.visibilityState === 'visible') {
    console.log("页面可见");
    var music = document.getElementById("play");
    music.load();
    music.play();//播放
    }
    });

    实测有效,刚开始测试时,ios还是不行,预测是缓存问题,如果你们在这样编辑的时候发现不行的话,可以过一会儿再测试,ios的缓存时间比较长,即使销毁小程序重新进入也同样会受到缓存影响。

    相关文章

      网友评论

          本文标题:小程序web-view:退出时,H5中video在IOS仍在播放

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