去除/屏蔽安卓/Android手机的 qq浏览器微信H5使用video标签播放视频，结束后的视频广告

最新推荐文章于 2024-12-02 22:17:00 发布

杨半仙丶

最新推荐文章于 2024-12-02 22:17:00 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端Bug制造者

本文链接：https://blog.csdn.net/qq_26269441/article/details/107087186

本文介绍了如何解决安卓手机QQ浏览器及微信H5页面中使用video标签播放视频结束后出现的广告问题。尝试了自动循环播放、js监听视频结束等方式，最后通过启用X5内核H5播放器并设置相关属性成功屏蔽了广告。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天是个好日子老干妈炖大鹅的好日子

X5内核是腾讯基于优秀开源Webkit深度“优化并加工”的浏览器渲染引擎微信和手机qq都是还有一些就不细说了

x5内核会监管video标签播放的视频无论是暂停或结束都会推送一些广告且是最高级
所以通过JS或Video标签控制播放暂停没啥用

网上找了看了也试了几种方式

一自动循环播放手动关看不见等于没有

（微信和许多浏览器都不让自动播放须先触发事件即便循环几遍也会强制结束依旧弹广告放弃吧没用的）

二 js监视视频播放结束后，先执行播放视频的方法，再暂停视频

 let isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
 let videoContext = document.getElementById('video');
 videoContext.addEventListener('ended', () => {
    if (!isiOS) {
        videoContext.play();
        setTimeout(() => {
            videoContext.pause();
        }, 100)
    }
  })