移动端 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

智能推荐

easyui datagrid-detailview 嵌套高度自适应_fixdetailrowheight-程序员宅基地

文章浏览阅读3.2w次,点赞5次,收藏4次。实现效果原因异步加载,明细展开时,可能会遇到父列表不能自动适应子列表高度的变化具体代码$('#centerdatagrid').datagrid({ url:'${ctx}/offer/offer!projectPage.htm', title: '项目列表', iconCls:'iconfont icon-iconlist', _fixdetailrowheight

3GPP TS 29244-g30 中英文对照 | 6.2.6 PFCP Association Setup Procedure-程序员宅基地

文章浏览阅读634次。学习5G知识,势必要去阅读相关的技术标准,而纯英文的标准协议对于初学者来说是个门槛。个人在学习5G标准3GPP TS 29244-g30过程中,也发现google的机器翻译实在晦涩难懂,所以个人在借助百度翻译(中国人更懂中文)的同时,人工对每句话进行了校对。在自己学习的同时,也将翻译内容分享给给广大网友。由于个人能力有限,翻译不到位的地方还请各位网友们指正。6.2.6 PFCP Association Setup ProcedurePFCP偶联建立程序6.2.6.1 GeneralT.._pfcp association

CanOpen的SDO、PDO简单通信使用_canopen pdo怎么区分读和写的-程序员宅基地

文章浏览阅读9.5k次,点赞17次,收藏103次。CanOpen部分笔记:CanOpen的一些简单的使用记录。为了简单明了,假设现在是用CAN盒子向使用CanOpen协议的设备通信我(假设设备地址ID为0x01)。SDO通信:如果想要读取设备某个参数。则使用此数据格式发送。比如读取设备索引为0x60c1,子索引0x01的参数。则发送如下参数:发送:0x601 40 c1 60 01 00 00 00 00接收:0x581 43 c1 60 01 01 02 03 04其中发送中的0x40表示读取数据,接收中的0x43表示接收到4个字节,_canopen pdo怎么区分读和写的

【Windows Server 2019】存储服务器的配置和管理——NFS的安装与配置(上)_windows nfs防火墙设置-程序员宅基地

文章浏览阅读8.3k次。博文介绍了如何在 Windows Server 2019 上配置 NFS 服务器端,包括实验拓扑图,准备工作,安装NFS服务,查看防火墙以及配置NFS服务的服务器端。_windows nfs防火墙设置

知识图谱de构建与应用(三):知识融合_知识图谱知识融合-程序员宅基地

文章浏览阅读956次。对于很多需要构建知识图谱的领域,由于从业者甚多,自然而然地会沉淀出数量众多的数据库或知识库,比如在影视子领域,百度百科、维基百科、豆瓣等都是很好的知识库,因而在构建知识图谱的过程中往往会对多个知识库的知识进行合并,以期获得最全面的知识,这个过程就称为知识融合。此外,由于被合并的各个知识库里的知识难免会存在错误,因而知识融合会对多个知识库的知识进行交叉验证,知识融合之后获得的知识相比融合前的单知识库会更准确。由于自然语言的开放性,各个领域的知识融合任务往往面临以下四个难点。(1)异构问题。.........._知识图谱知识融合

在智能云服务中实现人工智能和自然语言处理的融合-程序员宅基地

文章浏览阅读298次,点赞3次,收藏7次。1.背景介绍在当今的数字时代,人工智能(AI)和自然语言处理(NLP)技术已经成为许多行业的核心驱动力。智能云服务(Cloud Services)为企业提供了高度可扩展、灵活的计算资源,使得在大规模数据集上运行复杂的AI和NLP算法变得更加容易。在这篇文章中,我们将探讨如何在智能云服务中实现人工智能和自然语言处理的融合,以及这种融合在实际应用中的优势和挑战。2.核心概念与联系2.1人工...

随便推点

#实验 2-2 帧中继配置_帧中继手动映射-程序员宅基地

文章浏览阅读1.1k次。实验 2-2 帧中继配置学习目标 掌握用户边缘设备(CE)上帧中继接口的配置方法 掌握Hub-Spoke网络中RIP的配置方法 掌握Hub-Spoke(NBMA)网络中OSPF的配置方法 掌握点到多点网络中OSPF的配置方法场景企业的总部和部分分支之间仍使用帧中继网络互连,作为企业的网络管理员,您需要在总部和分支的边缘路由器上配置帧中继功能,并配置本地DLCI与IP地址间的..._帧中继手动映射

Linux下的文件系统以及磁盘操作-程序员宅基地

文章浏览阅读69次。在文件系统方面,Linux可以算得上操作系统中的 “瑞士军刀”。Linux 支持许多种文件系统,从日志型文件系统到集群文件系统和加密文件系统,而“什么是文件系统”?文件系统是对一个存储设备上的数据和元数据进行组织的机制。常见的文件系统:ext2、ext3、ext4、xfs、jfs、reiserfs、iso9660、swap、VFAT、VFS等例如..._保存当前磁盘分区表 #sfdisk-d

学会python可以做什么兼职,能做兼职吗_python可以做什么副业-程序员宅基地

文章浏览阅读1.2k次。学会python可以做什么兼职,普通人能做兼职吗_python可以做什么副业

Failed to execute goal on project sky-server: Could not resolve dependencies for project-程序员宅基地

文章浏览阅读534次,点赞19次,收藏7次。在父工程中先clean,后install。

facebook的Android调试工具Stetho的简单使用-程序员宅基地

文章浏览阅读1.7k次。一. 项目Module的build.gradle配置dependencies { compile 'com.facebook.stetho:stetho:1.5.0' compile 'com.facebook.stetho:stetho-okhttp3:1.5.0'}二. 在Application 中初始化 @Override public