问答

求助! 用 微信播放h5视频(video.js )左上角出现控制条

作者:admin 2021-10-05 我要评论

在android10(三星one ui2.0 , mate20 pro) 用 微信播放h5视频(video.js )左上角出现控制条 目前问题在android10(三星one ui2.0 , mate20 pro)会出现 ios并无该问...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

在android10(三星one ui2.0 , mate20 pro) 用 微信播放h5视频(video.js )左上角出现控制条

  1. 目前问题在android10(三星one ui2.0 , mate20 pro)会出现
  2. ios并无该问题
  3. 除微信端以外,自带浏览器,chrome,均无问题。

奇怪的样式问题.png奇怪的样式问题2.png

问题出现的环境背景及自己尝试过哪些方法

禁用video.js自带控制条 仍然有该问题。

相关代码

//video.js
controls: true

你期待的结果是什么?实际看到的错误信息又是什么?

1.这个左上角的东西是什么?
2.如何去除该东西?

###

已解决。
1.左上角的是<audio>播放控制条。
解释:源代码中定义了 一个 1px宽高的 <audio>,并且 绝对定位到 左上 top:-10px,left:-10px
2.在高版本andorid中 此内容无效。因为待查。
解决方法:使用 opacity: 0 !important;强制隐藏。

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 求助! 用 微信播放h5视频(video.js )

    求助! 用 微信播放h5视频(video.js )

  • yarn局部安装了webpack但是一直显示未

    yarn局部安装了webpack但是一直显示未

  • nodejs书写接口怎么打印错误呢?

    nodejs书写接口怎么打印错误呢?

  • react在url相同但参数不同的页面间跳转

    react在url相同但参数不同的页面间跳转

腾讯云代理商
海外云服务器