首页 > 其他分享 >H5 qq浏览器video拦截处理

H5 qq浏览器video拦截处理

时间:2023-06-13 09:59:56浏览次数:41  
标签:qq 浏览器 H5 xhr window blod video blob

QQ浏览器中如果使用video标签,那么浏览器会将video劫持,使用他们浏览器自带的video,那么层级会很高,之前写在video上面的样式就会被覆盖,因此可以把视频url转成blod,那么就可以解决

从虎牙直播发现的,他们转为blod后,上面就可以加弹幕,滚动条等,因此发现了这个

 

1、将video的视频链接转为blod

encryptionVideo(url) {
            return new Promise((resolve, reject) => {
                window.URL = window.URL || window.webkitURL;
                var xhr = new XMLHttpRequest();
                xhr.open('GET', url, true);
                xhr.responseType = 'blob';
                xhr.onload = function() {
                    if (this.status == 200) {
                        var blob = this.response;
                        var u = window.URL.createObjectURL(blob);
                        resolve(u);
                    }
                };
                xhr.send();
            });
        }

 

标签:qq,浏览器,H5,xhr,window,blod,video,blob
From: https://www.cnblogs.com/symlove/p/17476652.html

相关文章

  • LiveVideoStack年终技术盘点总结
    年终盘点#009#在2021年底,LiveVideoStack策划了一次年终技术盘点,我们向音视频领域的一线技术工作者们发出了约稿邀请,希望他们能够输出一些音视频方向的技术内容。众所周知,年底正是技术人最忙碌的时刻,要写各种总结报告,还要做明年的规划,所以我们并没有对这次约稿抱有很高的期待。但是......
  • H5实现左右滑动手势
    使用已有的轮子简单实现H5左右滑动手势安装vue2-touch-eventsnpminstallvue2-touch-events在main.js中引入//main.jsimportVue2TouchEventsfrom'vue2-touch-events'Vue.use(Vue2TouchEvents)通过自定义指令使用<!--template--><!--需要监听左右滑动手势的......
  • java 发送qq 纯文字邮件
    packageorg.zhiyi.config;importorg.springframework.beans.factory.annotation.Value;importorg.springframework.stereotype.Component;importjavax.mail.*;importjavax.mail.internet.InternetAddress;importjavax.mail.internet.MimeBodyPart;importjavax.......
  • 游戏约玩陪玩圈子系统APP小程序H5,你需要了解的事情
    游戏约玩陪玩小程序开发的市场需求分析目前,中国约有5、6亿游戏玩家,其中约有2亿付费玩家,这也表明大多数玩家愿意为他们最喜欢的游戏付费。随着游戏体验的提高,玩家更愿意找到合适的游戏玩伴。点击咨询完整免费源码游戏约玩陪玩小程序开发都需那些功能呢?1、电竞游戏资讯通过建......
  • 如何使用https://work.weixin.qq.com/ca/xxxxx来跳转企业微添加好友?
    工作微信是一款由腾讯公司开发和提供的企业级通信和协作平台。它是基于腾讯QQ和微信的技术基础,专为企业内部通信和协作需求而设计的。工作微信的来源可以追溯到腾讯的战略发展和市场需求。腾讯在观察到企业内部通信和协作的需求日益增长后,决定开发一款专门针对企业用户的通信平台。......
  • VideoEye源码编译错误记录
    最近在研究雷神的开源项目VideoEye,但是下载编译时用VS2013和VS2015都出现一些报错。分析是因为雷神调试的环境是VS2010,现在使用新版本VS编译时存在不兼容的问题。网上查找各种信息,最终问题得以解决,于是乎记录一下。【背景】项目地址http://git.oschina.net/leixiaohua1020/Vid......
  • H5
    autocomplete="on"这个H5新增的表单控件可以控制input框下面显示历史记录,但是要打开浏览器的设置:  打开浏览器设置: 浏览器右上角的“设置”——》搜索“地址”——》  点击“地址和其他信息”: 打开“点击并填写地址”:  autocomplete的效果:   ......
  • 移动端H5前端性能优化脚本执行优化
    移动端+HTML5,这个组合对前端工程师来说是个不小的挑战:如何让开发的页面能有更好的体验?这就是我们今天讨论的话题:移动端HTML5页面前端性能优化。如何优化HTML5在移动设置上的性能表现,首先需要明确以下几个原则:1、PC优化手段在Mobile端同样适用。2、在Mobile侧我们提出三秒种渲染完......
  • 使用Animate和CreateJS设计H5页面
    Animate和CreateJS是常用于HTML5页面设计的工具,通过使用这些工具,可以创建各种动画特效,从而提高交互性和视觉效果。游戏:Animate和CreateJS可以用于创建精彩的网页游戏,比如跑酷类、动作类、益智类等众多不同类型的游戏。这些游戏通常需要丰富的场景设计、角色设定、音效、背景音......
  • 陪玩圈子系统APP小程序H5,在你身边的第一桶金
    游戏陪玩系统的市场前景随着互联网的不断发展,电竞游戏行业也一直处在高风口,根据中国音数协电竞工委发布《2022年1-6月中国电子竞技产业报告》显示,中国电竞用户数量拥有4.87亿,这也为游戏陪玩这个行业带来了机遇。游戏陪玩系统功能介绍一般的游戏陪玩系统功能都有:游戏约单,多人语音聊......