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

智能推荐

K8S 数据卷volumes之ConfigMap_volumes configmap-程序员宅基地

文章浏览阅读2.1k次,点赞2次,收藏6次。ConfigMap介绍ConfigMap是一种比较特殊的存储卷,它的主要作用是用来存储配置信息的。ConfigMap是一种API对象,用来将非加密数据保存到键值对中。可以用作环境变量、命令行参数或者存储卷中的配置文件。ConfigMap可以将环境变量配置信息和容器镜像解耦,便于应用配置的修改。如果需要存储加密信息时可以使用Secret对象。ConfigMap创建通过命令行创建configmap可以使用 kubectl create configmap 从文件、目录或者 key-value 字符串_volumes configmap

oracle自动备份和压缩,oracle定时备份压缩的实现步骤-程序员宅基地

文章浏览阅读790次。oracle定时备份压缩的实现步骤1)需创建存储目录mkdir backup2)编写shell脚步#!/bin/bashexport ORACLE_BASE=/opt/oracle --路径需按照实际路径更改export ORACLE_HOME=$ORACLE_BASE/ora10gr2/db_1 --路径需按照实际路径更改export PATH=$ORACLE_HOME/bin:$PA..._oracle数据库定时备份并压缩

人性的弱点读后感_人性的弱点 读后感 博客-程序员宅基地

文章浏览阅读150次。《人性的弱点》是美国戴尔·卡耐基的著作,该书把案例和技巧相结合,让读者深刻体会到在日常生活中如何处理人际关系,包括处理职场、朋友、夫妻关系,书中大量使用对话的文字处理方式,让人读起来很有亲切感。该书文字浅显易懂,人际关系技巧处理方式十分贴近生活。被誉为是风靡全球的自我教育与成人训练的范本。卡耐基-《人性的弱点》,讲做人要平和、真诚,沟通的成功在于尽量避免争辩,最常见的情况是在争辩中取得了胜利却失去了成功的机会。《人性的弱点》是世界成功学第一书,戴尔·卡耐基成功学教育全书之一!世界上最畅销、最经典、最实用的_人性的弱点 读后感 博客

ArrayList和LinkedList(常用方法、底层结构及扩容机制)_arraylist和linkedlist的扩容-程序员宅基地

文章浏览阅读1.2k次。1.ArrayList解说ArrayList初始长度为0(这里以jdk1.8为例),是一个Object类型的空数组,如下当第一次调用add后,长度变为10当数组首次扩容的10个空间用完需要扩容后,会第二次走grow方法来扩容(每次扩容为1.5倍)总的来说:ArrayList初始大小为10,每次1.5倍进行扩容;它的底层是用数组实现的,所以查询速度相对LinkedList要快。2.LinkedList解说(1)* LinkedList 是一个继承于AbstractSeque_arraylist和linkedlist的扩容

linux如何查看docker的配置文件,docker-4-Dockerfile配置文件详解-程序员宅基地

文章浏览阅读3.2k次。​ Dockerfile简单一点就是描述你这个镜像安装了哪些软件包,有哪些操作,创建了什么东西。有些人喜欢用 docker commit 命令去打包镜像,这样是不好的,首先commit出来的镜像比你使用Dockerfile构建出来的体积大,而且commit出来的镜像属于黑盒镜像,除了制作者,谁都不知道你在里面干了什么,属于不安全的镜像,很少会有人使用,最后就是不便于你最终的管理和更新。所以推荐..._linux查看docker配置

JWT解密Token报错解决_no valid jwt token found, uri: {/question/list} on-程序员宅基地

文章浏览阅读2.5k次,点赞2次,收藏2次。JWT SignatureException _no valid jwt token found, uri: {/question/list} onlineexam- 2023-12-25 20:39

随便推点

使用ILMerge将源DLL合并到目标EXE(.NET4.6.2)-程序员宅基地

文章浏览阅读63次。本文为原创文章,如转载,请在网页明显位置标明原文名称、作者及网址,谢谢!本文主要是使用微软的ILMerge工具将源DLL合并到目标EXE,因此,需要下载以下工具:https://www.microsoft.com/en-us/download/details.aspx?id=17630或在百度网盘下载:https://pan.baidu.com/s/1qYyq..._ilmerge合并后的库能被别人查到吗

智能法院系统:AI技术在司法中的应用-程序员宅基地

文章浏览阅读1k次。作者:禅与计算机程序设计艺术 1.简介随着信息化时代的到来,法律服务已经逐渐从非尊重民事行为中获得发展空间。智能法院系统(Intelligent Judicial System,IJS)就是其中重要的一环。在该系统中,法官将依据案件的复杂性、经验以及知识库等因素进行判决,并充分利用人工智能、自动化、计

开源阅读书源_强力推荐一个开源阅读软件-程序员宅基地

文章浏览阅读5.6k次。应用简介如今的小说阅读软件总是在不断的添加广告,作为一个程序猿这是受不了的,于是开源的阅读软件来了,你不用再担心广告。本软件fork一个开源的软件,代码经过大量修改,更符合使用习惯。3.0下载链接https://www.coolapk.com/apk/io.legado.app.release2.0下载链接https://www.coolapk.com/apk/com.gedoor.monkeyb..._开源阅读书源

全志T113核心板一张表介绍其参数|性能|功耗|-盈鹏飞嵌入式_t113-s4-程序员宅基地

文章浏览阅读539次,点赞22次,收藏5次。如果您的应用场景是工业级,或者有严苛的温控要求,那么T113-i会是比较好的选择,因为它的工作温度范围更广,能更好地满足这些需求。随着市场应用的逐渐细化,细分市场的处理器逐渐浮出水面,盈鹏飞嵌入式顺应市场大势,推出了以全志主控T113-i/S3/S4和A40I(T3)的相关核心模块产品和主板,那么这些处理器到底有什么优势?特别要说明的是,T113-S3/S4的内存容量是固定的(不支持扩展),这可能会限制其在某些应用中的使用。全志T113系列中的T113-i和T113-S3两款芯片,在知名度上不相上下。_t113-s4

[git] warning: LF will be replaced by CRLF | fatal: CRLF would be replaced by LF-程序员宅基地

文章浏览阅读82次。遇到这两个错误,是因为Git的换行符检查功能。 core.safecrlf Git提供了一个换行符检查功能(core.safecrlf),可以在提交时检查文件是否混用了不同风格的换行符。这个功能的选项如下:false - 不做任何检查warn - 在提交时检查并警告true - 在提交时检查,如果发现混用则拒绝提交建议使用最严格的 true 选项。core.autocr..._cocos creator lf will be replaced by crlf

linux用touch权限不够,一天一个Linux命令(第6天touch命令)-程序员宅基地

文章浏览阅读2k次。8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?touch命令touch命令有两个功能:一是用于把已存在文档的时间标签更新为系统当前的时间(默认方式),它们的数据将原封不动地保留下来;二是用来创建新的空文档。当然了touch主要的功能是用来创建空文档,至少我常用来这么做。语法touch(选项)(参数)选项:-a:或--time=atime或--time=access或..._touch: 无法创建 'probot_anno_gazebo_world.launch': 权限不够

推荐文章

热门文章

相关标签