项目场景：

提示：视频加水印

思路是：新建一个水印图层盒子，水印图层飘在video上面； 水印使用canvas绘制，显示用户信息；

问题描述

但是使用video播放器自带的全屏按钮全屏时，水印图层不显示，无法通过z-index修改层级；

原因分析：

这是因为播放器自带的全屏按钮，仅将当前video标签全屏，并置于页面最顶层。默认全屏属性自带样式为 :not(root):fullscreen::backdrop

解决方案：

禁用掉video自带的全屏按钮，将水印与video置于一个父盒子中，自定义全屏按钮来实现将video父盒子全屏。

# css3 # html5 # 前端
Logo
腾讯云开发者社区

腾讯云面向开发者汇聚海量精品云计算使用和开发经验，营造开放的云计算技术生态圈。

更多推荐

Springboot+MySQL 实现从数据库获取数据展示到前端

1.运行效果效果图如下：2.创建数据库表数据库名为"springboot",数据库表名为"user"，数据库表里面放了5条数据，字段分别为：“id”，“name”，“age”，“email”。3.新建SpringBoot项目1、选择Spring Initial...

avatar 腾讯云开发者社区

数据库 实验二 数据库的简单查询和连接查询实验

– l）用Transact-SQL语句表示下列操作．在学生选课库中实现其数据查询操作．– ①求数学系学生的学号和姓名。select sno,sname from student where sdept='MA';– ②求选修了课程的学生学号。select distinct sno from sc;– ③求选修C1课程的学生学号和成绩，并要求对查询结果按成绩降序排列，如果成绩相同则按学号升序排列。s

avatar 腾讯云开发者社区

Spring Boot Mybatis数据库datasource多数据源配置

application.yaml文件配置spring:datasource:db1:driver-class-name: com.mysql.cj.jdbc.Driverjdbc-url: jdbc:mysql://192.168.0.1:3306/ellassay_dev?useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBe

avatar 腾讯云开发者社区