微信浏览器的坑,包括移动的浏览器都有可能自动拦截。

设置属性:

        <video id="mainvideo"  src="static/video/Mate10.mp4" autoplay  width="100%"x5-playsinline="" webkit-playsinline="" preload="auto"></video>

css:感觉并没什么伦用

video{width: 100%;}video::-webkit-media-controls-fullscreen-button {display: none;}video::-webkit-media-controls-play-button {background: red;}video::-webkit-media-controls-play-button {display: none}video::-webkit-media-controls-timeline {display: none}video::-webkit-media-controls-current-time-display{}video::-webkit-media-controls-time-remaining-display {}video::-webkit-media-controls-time-remaining-display {}video::-webkit-media-controls-mute-button {}video::-webkit-media-controls-toggle-closed-captions-button {}video::-webkit-media-controls-volume-slider {}video::-internal-media-controls-download-button {display:none;}video::-webkit-media-controls-enclosure {overflow:hidden;}video::-webkit-media-controls-panel {width: calc(100% + 30px);}

记录之前研究的,真机测试好像没有完美解决。浏览器的坑,目前是否排除,近期未跟踪研究。记录下。

微信端视频播放防被浏览器劫持相关推荐

  1. 微信端视频播放时防止被浏览器劫持的问题

    微信端视频播放时防止被浏览器劫持的问题: 参见: 腾讯的移动浏览器劫持 <Video> 换成它自己的播放器还插广告: https://www.v2ex.com/t/411564 video ...

  2. 从微信端跳到外部浏览器进行apk文件下载

    背景:腾讯的尿性大家都知道,微信里面和外面好似一道长城,想突破着实不容易. 需求:最近就遇到了好几个朋友问我怎么在微信公众号里添加一个可以直接下载apk的菜单 目前状况:简单百度了一下类似问题,发现怨 ...

  3. 从微信端跳到外部浏览器进行apk文件下载最新解决方案

    需求:从微信公众号里的栏目跳到外部浏览器进行apk文件下载 原因:在微信内不允许直接下载apk 这里有一个解决方案,直接上关键代码 <!doctype html> <html lan ...

  4. 微信端跳转外部浏览器进行apk文件下载的实现原理及源码

    现在微信分享的功能很多,从分享的链接下载apk安卓包是很常用的一个功能. 但是微信自带的scheme接口是不允许直接通过微信下载apk包的,只能通过浏览器来下载,但很多用户不知道是被屏蔽了,故以为是链 ...

  5. 解决H5、vue等项目在微信内置浏览器,微信端、ie某些浏览器打开白屏问题

    问题描述: 微信公众号通过链接打开vue页面遇到白屏问题,通过排查,发现是某些微信浏览器版本过低导致,而此时项目中使用到了es6,es7等语法,导致浏览器无法解析 解决方法: 一.针对vue版本@3. ...

  6. 移动端HTML5<video> 浏览器劫持视频播放 视频激活播放后强制全屏 视频无法被其他元素覆盖

    浏览器劫持视频播放.视频无法被其他元素覆盖 Html5 video 多媒体标签 <videoid="loginVideo"mutedautoplayloop:src=&quo ...

  7. [html] 你知道微信端的浏览器内核是什么吗?

    [html] 你知道微信端的浏览器内核是什么吗? X5内核 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题

  8. div旋转 vue_Vue实现在线签名(微信端内强制横屏/手机浏览器横竖屏支持)实现过程...

    1.如何实现横屏功能 微信端: 由于微信端默认不开启横屏模式,且在安卓手机上,就算开启了手机自带的屏幕旋转,微信也需要手动开启横屏模式才可以让微信横屏显示. 而且大多数用户都不会开启,因为太不方便了, ...

  9. android webview 劫持,微信webview 及第三方浏览器劫持视频问题

    视频问题(安卓浏览器,app) 安卓手机,大部分浏览器,强制劫持video标签:引起一系列问题: 视频播放时及播放后处于置顶状态,导致提示窗等元素被遮挡: 视频展示样式发生变化,设置圆角失效: 视频的 ...

最新文章

  1. 服务器负载均衡(1)
  2. select frame 什么意思?
  3. [翻译]ElasticSearch官方文档-安装
  4. Javascript闭包概念剖析
  5. Equipment download - No data contained in BDoc
  6. LeetCode 1003. 检查替换后的词是否有效(栈)
  7. python和c 的区别-c 跟 python的区别有哪些
  8. target sum java_LeetCode 494. Target Sum
  9. PostgreSQL创建数据库用户
  10. 关于shopex友情链接的添加以及首页调用问题
  11. 惠普p1106打印机安装步骤_惠普p1106打印机驱动程序下载
  12. 2020计算机组成原理性考答案,中国文化通论、计算机组成原理试题
  13. [转]IDE 、SATA、SCSI 的区别
  14. 第五届蓝桥杯java试题答案_2014年第五届蓝桥杯省赛试题(JavaA组)
  15. 初学Python——协程
  16. repo sync 更新源码 android-12.0.0_r34, fatal: 不能重置索引文件至版本 ‘v2.27^0‘。
  17. Bottle的插件与view装饰器冲突问题
  18. 不能初始化数据库支持endnote_EndNote正确恢复数据库方法 | 科研动力
  19. Aizu1367 Rearranging a Sequence 模拟|签到
  20. 【Pyspark教程】SQL、MLlib、Core等模块基础使用

热门文章

  1. git describe 生成版本号
  2. 一顿饭吃一两斤肉和一顿饭吃几百斤肉
  3. 技术点:前端缓存分类及使用
  4. 新手如何使用Github
  5. python在日常的一些用处
  6. 自动化测试实战笔记--网易云实现QQ登录
  7. 苹果6plus几核处理器_全是回忆!苹果12年进化史:21部iPhone你用过哪一款?
  8. 迪杰斯特拉求最短路(dijkstra)
  9. 修改screen会话名称
  10. python怎么建立画板_Python3使用PyQt5制作简单的画板/手写板实例