移动端 video播放器层级过高,遮挡住其他内容_打怪兽的凹凸曼的博客-程序员秘密

技术标签: vue  js  html  javascript  opencv  

用video在移动端遇到,点击导航栏,视频把导航给遮挡住了,差了好多文档。最后终于解决了

百度一堆都是说加x5-video-player-type="h5"属性,其实不然,正确的写法是.

<video  class="video-js vjs-default-skin vjs-big-play-centered" x-webkit-airplay="true"  webkit-playsinline="true"  x5-video-player-type="h5" x5-video-orientation="portraint" controls preload="auto" style="object-fit:fill; width:100%; height: 194px;border-radius: 5px;overflow: hidden;" data-setup='{}'>      
                    <source id="source" src="https://video.shenxuanche.com/transcode_sxc_42dbdef6-68e5-a606-a562-dfe8b4e478e7_720p.mp4">  
                </video> 

 

 注意: x5-video-player-type="h5不要与x5-playsline同时存在

转自:https://blog.csdn.net/Cold__Star/article/details/109571881

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_38179746/article/details/110107614

智能推荐

IOS宿舍管理系统之CocoaAsyncSocket实现即时通信_-夜班的博客-程序员秘密

一:下载第三库 终端中import “CocoaAsyncSoket”二:服务器(.h)文件中让外部调用//单列模式+(MyChatServer*)sharedServer;//开启聊天服务器-(void)startServer;//发送信息-(void)sendMsg:(NSString*)msg;服务器端(.m)文件中:1.导入:#import &lt;GCDAsyn...

YOUCAN集团的IT规划_weixin_33985679的博客-程序员秘密

YOUCAN集团的IT规划 转载于:https://blog.51cto.com/1054599/372811

接口工具Apifox_测试界的彭于晏的博客-程序员秘密

最近发现一款接口测试工具–apifox,我我们很难将它描述为一款接口管理工具 或 接口自测试工具。官方给了一个简单的公式,更能说明apifox可以做什么。Apifox = Postman + Swagger + Mock + JMeterApifox的特点:接口文档定义:Apifox 遵循 OpenApi 3.0 (原 Swagger)、JSON Schema 规范的同时,提供了非常好用的可视化文档管理功能,零学习成本,非常高效。接口调试:Postman 有的功能,比如环境变量、预执行脚本

基于restful-api接口如何对返回json数据个性化输出_rsetful api json map_吴敏强的博客-程序员秘密

一:应用背景在介绍功能之前,先说一下工作中遇到的问题。项目中服务端提供restful api接口给前端网站、h5和app端使用,通过http请求返回json数据。目前存在一个A接口,因前期业务需要输出50个业务属性供app端业务开发,现在h5也有相似需求需要用到A接口,不同的是仅用到30个属性就能满足需求了,但是每次请求都返回50个属性。于是前端同学就反馈能否动态指定返回属性呢?针对这个问题私下思...

python os popen_解决python3中os.popen()出错的问题_weixin_39809168的博客-程序员秘密

使用程序难免会有出错的时候,如何从大篇代码中找出错误,不仅考验能力,还要考验小伙们的耐心。辛辛苦苦敲出的代码运行不出结果,非常着急是可以理解的。那么我们在python3中使用os.popen()出错该怎么办?本篇文章小编同样以错误的操作方法为大家进行讲解,一起找寻不对的地方吧。在当前 desktop 目录下,有如下内容:desktop $lsclient.py server.py 中文测试ar...

Windows下Linux虚拟机的配置以及Win10 linux子系统开启_wwccgogo的博客-程序员秘密

本文介绍了如何在windows上运行linux的两种方法,详细介绍了虚拟机的安装使用,以及WIN10 内置linux子系统的开启

随便推点

Android 自定义 Dialog_王睿丶的博客-程序员秘密

https://blog.csdn.net/weidongjian/article/details/41821367?utm_source=blogxgwz1

ansible实现对目标主机进行磁盘分区,创建逻辑卷、永久挂载_yyhnice的博客-程序员秘密

(1)先在server2上添加一块磁盘查看磁盘分区出现了新的磁盘/dev/vda(2)编写yml文件vim my_disk.yml分区,创建lvm,格式化,挂载(3)编辑变量文件(4)执行server2查看新的磁盘已经分区逻辑卷查看挂载...

android studio线性布局做计算器,Android Studio线性布局元素Listen_聪明的我呀的博客-程序员秘密

我对android studio相当陌生,有点迷茫。我有一个线性布局,最终会有图像的子代。这些孩子被认为是我手中的牌。当轮到我的时候,我会在线性布局中添加一个项目,当我点击一个卡片时,它将被移除。我想随时监听线性布局,这样当轮到我的时候,我就可以看到我点击了什么卡。目前我已经手动添加了一些图片,但以后我会将imageeview父母设置为这个布局id。android:id="@+id/compute...

Python3使用jieba分词_python3数据分词_xyx_HFUT的博客-程序员秘密

import jiebatry: f1 = open('wiki.zh.text.jian','r') f2 = open('2.txt','w') mystr = f1.readlines() iters = 1 for word in mystr: seg_list = jieba.cut(word) result =...

Java 强引用、软引用、弱引用、虚引用 和垃圾回收器的关系以及调优原理_Painter_c的博客-程序员秘密

一、背景大家知道Java是运行在虚拟机上的高级语言,而对于虚拟机,其中有一个特别重要的功能就是垃圾回收器(GC),通过GC机制Java程序可以非常智能的对垃圾进行回收,从而实现非常智能的内存管理,而不用向C或C++一样需要十分谨慎的自己去处理内存问题,从而避免了很多不必要的麻烦。那么GC机制是如何实现的呢?作为GC工作的主战场JVM 的堆内存,是如何去处理那些过期或者在资源紧缺的情况下对对象的

推荐文章

热门文章

相关标签