html5 video去除边框

video的属性:

autoplay 视频在就绪后自动播放。
controls 显示控件,比如播放按钮。
height 设置视频播放器的高度。
width 设置视频播放器的宽度。
loop 循环播放
muted 视频的音频输出静音。
poster 视频加载时显示的图像,或者在用户点击播放按钮前显示的图像。
src 要播放的视频路径。

webkit-playsinline="true"  适配ios ,视频初次加载不全屏

 x5-video-player-type="h5" 适配ios ,视频初次加载不全屏

去边框方法一:

video{
width: 100%;
height: 100%;
object-fit: contain;
}
video:focus {
outline:none;
}

去边框方法二:

video:focus {outline: 0;;
}

去边框方法三(本人就是这个方法生效的):

  // 在video 加上style="mix-blend-mode: screen; display: block"
<video style="mix-blend-mode: screen; display: block">

希望有一个能生效!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/35299.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

短视频利器 ffmpeg (2)

ffmpeg 官网这样写到 Converting video and audio has never been so easy. 如何轻松简单的使用&#xff1a; 1、下载 官网&#xff1a;http://www.ffmpeg.org 安装参考文档&#xff1a; https://blog.csdn.net/qq_36765018/article/details/139067654 2、安装 # 启用RPM …

clonezilla(再生龙)克隆物理机linux系统,然后再去另一台电脑安装

前言: 总共需要2个u盘,一个装再生龙系统,一个是使用再生龙把硬盘备份到另一个盘里面,恢复的时候,先使用再生龙引导,然后再插上盘进行复制 1.制作启动u盘 1.1下载再生龙Clonezilla 下載 1.2下载UltraISO(https://cn.ultraiso.net/uiso9_cn.exe) 1.3 打开UltraISO,选择co…

聚类模型的算法性能评价

一、概述 作为机器学习领域的重要内容之一&#xff0c;聚类模型在许多方面能够发挥举足轻重的作用。所谓聚类&#xff0c;就是通过一定的技术方法将一堆数据样本依照其特性划分为不同的簇类&#xff0c;使得同一个簇内的样本有着更相近的属性。依不同的实现策略&#xff0c;聚类…

g++、make、cmake三种方式来编译ros2的C++节点

上面我们用g、make、cmake三种方式来编译ros2的C节点。用cmake虽然成功了&#xff0c;但是CMakeLists.txt的内容依然非常的臃肿&#xff0c;我们需要将其进一步的简化 ROS2前置基础教程 | 小鱼教你用CMake依赖查找流程_ros2cmakelist-CSDN博客

力扣哈希刷题——总结篇【三】

前言 哈希篇题目完成&#xff0c;学到那些方法呢&#xff1f;回顾一下。 方法 &#xff08;1&#xff09;“判断一个元素有没有在某个集合中出现过”——可以考虑哈希结构。 &#xff08;2&#xff09;哈希结构&#xff1a;数组&#xff1f;set&#xff1f;map&#xff1f;选…

华为HCIP Datacom H12-821 卷16

1.判断题 在 VRRP 中,当设备状态变为 Master 后,,会立刻发送免费 ARP 来刷新下游设备的 MAC 表项,从而把用户的流量引到此台设备上来 A、对 B、错 正确答案: A 解析: 2.判断题 路由选择工具 route- policy 能够基于预先定义的条件来进行过滤并设置 BGP

canvas画布旋转问题

先说一下为什么要旋转的目的&#xff1a;因为在画布上签名&#xff0c;在不同的设备上我需要不同方向的签名图片&#xff0c;电脑是横屏&#xff0c;手机就是竖屏&#xff0c;所以需要把手机的签名旋转270&#xff0c;因此写了这个方法。 关于画布旋转的重点就是获取到你的画布…

typescript 基本类型

基本类型注解 任意类型 let value: any ;string类型 let message: string hello world;number类型 let orderid: number 0;booblean类型 let openDiolog: boolean false;字符串类型数组 let teachers: string[]; const students: string[] [张, 王];数字类型数组 c…

软件著作权的申请信息在哪看?

软著对于企业来说是一个非常有价值的知识产权。软著可以保证企业自身的利益得到合法的保护&#xff0c;并且可以反映企业的技术创新能力&#xff0c;能够让企业提高自己的竞争力&#xff0c;在申报一些补贴&#xff0c;招标时作为加分项。因此&#xff0c;很多科技型企业都会申…

1982Springboot宠物美容院管理系统idea开发mysql数据库web结构java编程计算机网页源码maven项目

一、源码特点 springboot宠物美容院管理系统是一套完善的信息系统&#xff0c;结合springboot框架和bootstrap完成本系统&#xff0c;对理解JSP java编程开发语言有帮助系统采用springboot框架&#xff08;MVC模式开发&#xff09;&#xff0c;系 统具有完整的源代码和数据库…

DNS的工作原理

DNS的工作原理 DNS&#xff08;Domain Name System&#xff09;是一个分布式数据库系统&#xff0c;负责将人类可读的域名转换为互联网上计算机可以理解的IP地址。其工作原理大致分为以下几个步骤&#xff1a; 用户在浏览器或应用中输入域名&#xff1a;当用户键入一个网站地…

RisingWave 用户定义函数 (二): Rust x WebAssembly

RisingWave 支持用户使用 Rust 语言编写自定义函数&#xff08;UDF&#xff09;。Rust UDF 会被编译到 WebAssembly&#xff0c;一种最初诞生于浏览器之中的虚拟机汇编语言。随后&#xff0c;这些 UDF 会在 RisingWave 进程中内嵌的 WebAssembly 虚拟机上被即时编译&#xff08…

【QT】Widget

目录 widget常用属性及其作用 enabled geomtry window frame window frame的影响 相关API windowTitle windowIcon qrc机制 qrc使用方式 自定义鼠标图片 设置字体样式 设置鼠标悬停提示 toolTip 控件获取焦点 styleSheet widget常用属性及其作用 属性作用…

手把手教你打造高精度STM32数字时钟,超详细步骤解析

STM32数字时钟项目详解 1. 项目概述 STM32数字时钟是一个集成了时间显示、闹钟功能、温湿度检测等多功能于一体的小型电子设备。它利用STM32的实时时钟(RTC)功能作为核心,配合LCD显示屏、按键输入、温湿度传感器等外设,实现了一个功能丰富的数字时钟系统。 2. 硬件组成 STM…

关于FreeRTOS在MCU(微控制器)和PC(个人计算机)上的源代码的区别

关于FreeRTOS在MCU&#xff08;微控制器&#xff09;和PC&#xff08;个人计算机&#xff09;上的源代码是否相同&#xff0c;我们可以从以下几个方面来详细分析和总结&#xff1a; 核心源代码&#xff1a; FreeRTOS的核心源代码&#xff08;如tasks.c和list.c等&#xff09;在…

IND83081芯片介绍(二)

七、典型应用 上面显示了独立的CAN收发器&#xff0c;而下面则显示了多个iND83081可以共享同一个CAN收发器的应用场景。通过这些连接&#xff0c;iND83081可以实现对多个LED的驱动和控制&#xff0c;同时与外部MCU进行通信 。 八、ELINS接口 1.ELINS简介 ELINS是一种从接口&a…

resume不严格加载model、避免某些层维度不一致导致错误

默认的&#xff0c;我们最常用的resume方式&#xff1a; if args.resume:checkpoint torch.load(resume_path, map_locationcpu)model_without_ddp.load_state_dict(checkpoint[model])print("Resume checkpoint %s" % resume_path)if optimizer in checkpoint and…

Oracle 19C19.3 rac安装并RU升级到19.14

19C支持RU补丁安装。 下载好19.14的RU补丁 [rootrac1 soft]# ll total 9830404 -rw-r--r-- 1 grid oinstall 3059705302 Jun 18 15:26 LINUX.X64_193000_db_home.zip -rw-r--r-- 1 grid oinstall 2889184573 Jun 18 15:27 LINUX.X64_193000_grid_home.zip -rw-r--r-- 1 grid …

C语言—文件IO相关操作

注&#xff1a;若有需要请查看官方文档&#xff1a;头文件#include<stdio.h> 注&#xff1a;要想学会&#xff0c;自己的练几遍&#xff0c;并且详细查看官方文档&#xff1b;一通百通&#xff1b; 1.fopen()函数 FILE * fopen ( const char * filename, const char * …

Antivirus Zap Pro :苹果 mac 电脑全面的系统安全解决方案

Antivirus Zap Pro 是一个全面的系统安全解决方案&#xff0c;它可以扫描和删除 Mac 中的恶意软件和其他恶意软件&#xff0c;还可以检测 Mac 上已经存在的威胁或可疑文件&#xff0c;并保护您的 Mac 免遭日后的威胁&#xff0c;满足用户不同的 Mac 电脑杀毒需求&#xff0c;有…