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

智能推荐

数码管显示电路的设计_数码管显示电路设计过程_llwjgc的博客-程序员秘密

作者:ll【内容】 (1)半导体数码管(2)74LS48集成显示译码器【重点】 (1)数码管显示原理。(2)74LS48译码器的功能分析【难点】数字显示译码器的设计。(一)   引入在日常生活中,可以经常看到有关数字显示译码器的产品,比如下面的数字时钟、称重显示器、数字万用表。从这些现实的例子中,我们可以发现一个问题,他们是怎么把二进制的数码显示

linux usb无法识别,求助:USB无法识别_狐狸姐姐的博客-程序员秘密

该楼层疑似违规已被系统折叠隐藏此楼查看此楼#dmesg 如下:usb 2-2: new high speed USB device using ehci_hcd and address 4ehci_hcd 0000:00:1d.7: port 2 reset error -110hub 2-0:1.0: hub_port_status failed (err = -32)hub 2...

jieba用法和jieba模式_jieba打印_shitoucoming的博客-程序员秘密

mydict.txt文件内容如下:‘’’第一行,井号开头表示注释。每行一个单词,包含三个部分,每个部分以空格隔开,第一部分是单词,第二部分是词频,第三部分是词性杨氏聪惠 66666未成弃去‘’’import jieba# 基础分词word_a = '上海自来水来自海上'# word_a = '把汉字串与词典中的词条进行匹配'# word_a = '梁国杨氏子九岁,甚聪惠。...

在Servlet中使用JDBC访问数据库_gamedev˚的博客-程序员秘密

在Servlet中使用JDBC访问数据库(1) 新建用户注册表单页 index.jsp<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> </head>

LeetCode 每日一刷【79】单词搜索_leetcode 79单词搜索_馆主君晓的博客-程序员秘密

​ 话不多说,直接上题目链接,79.单词搜索 。题目描述如下:题目思路​&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;这是一道典型的 DFS (深度优先搜索)的题目,深度优先搜索的精髓就是递归,从某个节点开始遍历其邻近的节点,如果邻近的节点被访问过就不再访问,如果邻近的节点没有被访问过,那么就访问邻近的节点,这里的邻近指的是相邻的意思。然后再访问邻...

随便推点

java中父类与子类的转换问题_yearing1017的博客-程序员秘密

今天楼主结课测试,结果被一道说难不难,说简单不简单的题目搞晕了,充分说明了楼主的基础不扎实,很多细节没有搞清晰,就包括这一个经典的父类与子类的转换问题。今天总结一下。1、子类对象转换为父类对象看一段代码:package com;public class Test { public static void main(String[] args) { Fu foo = new Z

迭代、可迭代对象、迭代器、生成器、for循环、iter()函数与next()函数的概念及关系_如玉少年-_-的博客-程序员秘密

1.可迭代对象,迭代器,生成器的关系2.迭代使用for循环遍历取值的过程叫做迭代,比如:使用for循环遍历列表取值的过程。3.可迭代对象使用for循环遍历取值的对象叫做可迭代对象元组,列表,字典,字符串,集合,range都是可迭代对象4.迭代器迭代器可以通过next()方法不断重复获取下一个值,直到所有元素全部输出完之后,返回StopIteration才停止。在python3中同时实现在__iter__()和__next__()两个魔法函数的对象,就是迭代器。其中__iter__()方法需要

线性结构 ~ 线性表_顺序存储结构表示非零项_John ZHNANG的博客-程序员秘密

文章目录1、如何表示一元多项式?1.1、顺序存储结构直接表示1.2、顺序存储结构表示非零项1.3、链表结构存储非零项2、什么是线性表?2.1、线性表的定义2.2、线性表的抽象数据类型描述2.3、线性表的顺序存储实现2.3.1、主要操作实现(1)初始化(建立空的顺序表)(2)查表(3)插入(4)删除2.4、线性表的链式存储实现1、如何表示一元多项式?1.1、顺序存储结构直接表示但这种方法,...

Ural 1009 K-based Numbers_luminous11的博客-程序员秘密

题意:求长度为n的k进制数的个数,并且其中不能有存在相邻位置都为0的数链接:http://acm.timus.ru/problem.aspx?space=1&num=1009思路:递推/数位dp。转移前一位是否为0的状态的个数注意点:无以下为AC代码:IDDateAuthorProblemLanguageJudgement resul

ImportError: libSM.so.6: cannot open shared object file: No such file or dir_stay_foolish12的博客-程序员秘密

ImportError: libSM.so.6: cannot open shared object file: No such file or dir出现错误:ImportError: libSM.so.6: cannot open shared object file: No such file or dir解决方法:apt-get install libsm6如果你出现了上面的错误,那你很大概率也会遇到下面的问题,类似的, ImportError: libXrender.so.1: c

Java集合-Iterable_iterable java_运动员写代码的博客-程序员秘密

Iterable接口表示一组对象,这些对象是Iterable的,这意味着可以迭代,这意味着实现Iterable接口,则可以迭代其元素,可以通过以下方式迭代Iterable对象,使用for-each循环,从Iterable获取Iterator或者通过Iterable的forEach()方法,下面会一一讲解。用for-each循环等待的Iterable第一种方法就是通过for-each 循环迭代,下面例子是如何通过for-each 循环迭代List。因为List继承了Collection接口,Col..

推荐文章

热门文章

相关标签