QQ浏览器劫持video标签加载自己的广告（怎么解决？）

最新推荐文章于 2025-09-15 16:24:10 发布
原创 最新推荐文章于 2025-09-15 16:24:10 发布 · 5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#视频标签 #视频video

本文揭露了QQ浏览器强制劫持HTML5 video标签并插入自身广告的问题，这一行为严重影响了html5视频播放器的正常运行，引发开发者强烈不满。

QQ浏览器劫持video标签加载自己的广告（怎么解决？）

QQ浏览器真的不讲一点规则，强制劫持视频video标签，这已经很 XX 了吧？还在视频结束时加载他们自己的广告，这... 就无语了。

相信开发html5视频播放器的朋友，都会遇到这个问题。

参见：
腾讯的移动浏览器劫持 <Video> 换成它自己的播放器还插广告： https://www.v2ex.com/t/411564

video标签在微信内置浏览器和QQ浏览器（手机端）的怪异现象？https://www.zhihu.com/question/27472010
---------------------
原文：https://blog.youkuaiyun.com/ffffffff8/article/details/84968524
 

解决uc浏览器劫持video标签问题
smile_y_y的博客
05-15 2815
解决uc视频悬浮播放 ，video标签被浏览器劫持 ，vide0适配
移动端H5【video】浏览器劫持视频播放
2201_75568521的博客
02-26 3780
在H5页面开发中会使用视频，现在是使用videojs组件进行开发，但是在部分浏览器，如夸克，QQ浏览器中，视频会被浏览器劫持，不仅样式会有变化，且视频的层次会变得特别高。解决问题2：如需实现页面内（非全屏）播放，需要在 video 标签中加入 playsinline 和 webkit-playsinline 和 x5-playsinline 属性。解决问题1： 视频转成gif 使用poster属性做背景封面也可以使用js 方法。：使用第三方播放器，一般插件做过封装以上两个问题都可以解决。
QQ浏览器劫持html5的视频video标签的问题（怎么解决？）
热门推荐
阿酷tony
12-12 1万+
无解，暂无解决办法，哪位朋友知道告之一下，感激 QQ浏览器真的不讲一点规则，强制劫持视频video标签，这已经很 XX 了吧？还在视频结束时加载他们自己的广告，这... 就无语了。 相信开发html5视频播放器的朋友，都会遇到这个问题。 参见： 腾讯的移动浏览器劫持 &lt;Video&gt; 换成它自己的播放器还插广告： https://www.v2ex.com/t/411564 ...
android webview 劫持,微信webview 及第三方浏览器劫持视频问题
weixin_32578161的博客
05-26 1239
视频问题(安卓浏览器，app)安卓手机，大部分浏览器，强制劫持video标签；引起一系列问题；视频播放时及播放后处于置顶状态，导致提示窗等元素被遮挡；视频展示样式发生变化，设置圆角失效；视频的控件无法管理，出现下载，分享等按钮；视频暂停或播放结束时，甚至出现广告浮窗；视频尺寸与展示不一致时，object-fill:fill,cover 不起作用；1 视频问题汇总图.png由于是banner上配置的...
百度浏览器移动端video自动置顶、层级提高问题
最新发布
weixin_47509784的博客
09-15 403
百度浏览器（X5内核）存在视频自动置顶播放问题，导致视频脱离原有布局。原因包括强制全屏机制、层级劫持和硬件加速隔离。解决方案包括：1）使用本地视频资源并禁用自动全屏；2）通过CSS或JavaScript修复层级问题；3）动态控制播放行为；4）禁用硬件加速；5）X5内核特殊处理；6）封装可控视频组件。若上述方法无效，可检测是否为百度浏览器并设置特殊样式绕过问题。最终通过navigator.userAgent检测百度浏览器，针对性处理视频展示问题。
video标签在安卓手机内置浏览器上的播放问题
weixin_44891495的博客
08-30 2174
道阻且长，行而不辍，未来可期在手机内置浏览上，虽然没有给video标签设置controls,但在内置浏览器上，就是会显示。而且，video一旦自动播放，video的层级就会提升到最前，想设置一个盒子覆盖在上面都做不到，给前端造成了很大的困扰。看了很多相关问题的解决方法，直到看到把video的src设置为blob(视频流）安卓手机的内置浏览器因为认不出数据格式，而不再劫持video标签的渲染。直觉是个好方法，开始动手。下载blob类型的文件：在回调函数中可以这样写完美解决。
移动端HTML5＜video＞ 浏览器劫持视频播放 视频激活播放后强制全屏 视频无法被其他元素覆盖
weixin_45461674的博客
11-21 9266
浏览器劫持视频播放、视频无法被其他元素覆盖 Html5 video 多媒体标签 <video id="loginVideo" muted autoplay loop :src="require('./assets/login.mp4')" ></video> 登录页加入视频作为背景，加入了video标签，设置定位，层级，谷歌浏览器调试完美展示，由于做的是H5网页，移至手机上查看（红米A8）。手机端
终于解决qq浏览器里面播放video会带自己广告的问题了
sinat_38992528的博客
05-29 7735
思路 ： 用videojs 播放完后强制销毁video 用一张图片来替代背景 如果想观看 就强制刷新整个页面 很棒 具体不会可以私了留言 就不贴代码了
web移动端、UC浏览器、夸克浏览器等、video视频无法被其他元素覆盖、浏览器劫持视频播放
KenThomas的博客
07-10 2106
移动端、UC浏览器、夸克浏览器等才不会出现video视频无法被其他元素覆盖、浏览器劫持视频播放的问题。video标签muted要默认为true。点击后设置muted为false。大多数web移动端也是这么处理的。muted为true默认静音。添加一个“取消静音”的按钮。
video标签在h5中被劫持问题
weixin_52901235的博客
11-26 994
video标签在h5中被劫持问题 注：如果出现跨域问题需要在服务器上设置一下不让跨域。
解决浏览器不支持video问题
05-08
总结，解决浏览器不支持 `<video>` 标签的问题，关键在于提供多格式的视频源，利用 JavaScript 库增强兼容性，以及考虑不支持视频的用户的体验。随着技术的发展，浏览器对 `<video>` 标签的支持正在逐步完善，但仍需...
手机浏览器劫持video
06-04
如果 MIME 类型不匹配，可能导致视频无法正常加载或被浏览器劫持[^3]。例如，在 IIS 服务器中需要添加以下配置： ```xml <mimeMap fileExtension=".mp4" mimeType="video/mp4" /> ``` #### 6. 兼容性...
H5页面在手机浏览器上无法播放视频或无法切换视频源的解决方案
旷古的寂寞的博客
01-28 1万+
一、视频无法播放问题 最近做了个播放MP4视频的网页，发现PC端能正常播放视频，但是部分手机浏览器，例如UC浏览器，播放视频要么一直转圈加载，要么报-9324,19000错误。 查了很多资料，基本都是说video标签的参数配置不对或者浏览器版本不兼容，没啥用。 最后发现问题出在网络协议上，H5做的页面在部分手机端的浏览器上只能用http或者websocket协议传输视频数据，不能用https协议。 解决方案就是在video标签中使用完整的http视频链接，即使用http前缀的绝对路径。 <
ueditor上传视频到腾讯云点播，在微信和QQ的X5浏览器上视频播放不正常
sunny327的专栏
06-05 984
最近在做一个后台管理系统，使用ueditor上传视频到腾讯云点播，前台网站再使用js-sdk-v6（即腾讯云点播提供的播放器插件），在ios和pc上可以正常播放，但是在安卓手机的微信浏览器和QQ浏览器（这两个都是X5内核的浏览器）上播放不正常，播放界面非常小，如下图： 播放界面特别小，根本就看不清。咨询云点播说是视频被劫持了，但是加上x5-video-player-type="h5"...
浏览器各种奇葩劫持，怎么破？
mixley的专栏
01-18 3659
浏览器各种奇葩劫持，怎么破？    作为手残党，自有电脑来平均每个月都需要装一次系统，然后就遇到了各种用盗版系统（GHO）的悲催事件，其中比较抓狂的就是浏览器劫持。    话说GHO装机时被劫持是比较常见，还有其他的原因造成的也很多，一般的劫持呢，大部分人都是视若无睹的嘛，毕竟有的人觉得用360搜索也是用，用百度搜索也是用，用hao123，hao360都是用。但是作为手残党怎么能让一个小小的浏览器...
转载--video标签在微信内置浏览器和QQ浏览器（手机端）的怪异现象
weixin_33804582的博客
03-04 913
用H5做了一个新闻信息展示的网页，video标签总是处于最顶层，调节z-index的值不起作用，对于flash也是一样的情况，flash已设置wmode属性。在PC端和手机端大部分浏览器（360、小米内置浏览器、ff、opera、uc等）都没有这个问题，唯独在微信内置浏览器和QQ浏览器上有问题。求大神解答~补充：播放完毕还有广告背景 尊驾...
手机端原生H5video 和QQ浏览器 兼容性
weibo392的博客
06-21 5398
手机端原生H5video 和QQ浏览器 兼容性
移动端视频播放方案
qq_27984747的博客
01-04 2726
解决办法 ：目前使用了三种办法来播放视频，分别针对微信内置浏览器（不分ios和android）、ios系统下的其他浏览器和安卓系统下的其他浏览器。1、微信内置浏览器微信浏览器可以直接使用video标签来播放视频，ios端和安卓端都可以适配。主要是通过微信内置的h5同层播放器来拜托浏览器对video标签的挟持，从而实现自定义video标签。代码如下：2、ios系统ios系统下的其他浏览器，需要使用canvas来不断绘制出video视频，再放到页面中去，这样就可以避免video标签被浏览器挟持的问题。
qq浏览器播放的视频层级太高？那一定是qq浏览器劫持video了
qq_42634441的博客
08-26 261
加 x5-video-player-type="h5"，:x5-video-player-fullscreen="false" ,muted。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值