让视频的poster铺满整个框

news/2024/11/18 8:41:18/

让视频的poster铺满整个框

只需给video设置object-fit: 的 属性 就行

fill(默认默认,不保证保持原有的比例,内容拉伸填充整个内容容器。),
cover(保持原有尺寸比例。但部分内容可能被剪切。),
contain (保持原有尺寸比例。内容被缩放。)
none (保留原有元素内容的长度和宽度,也就是说内容不会被重置。)
scale-down(保持原有尺寸比例。内容的尺寸与 none 或 contain 中的一个相同,取决于它们两个之间谁得到的对象尺寸会更小一些。)
initial(设置为默认值)
inherit(从该元素的父元素继承属性)

微信小程序:objectFit=“cover”

<video :src="infos.video_file" :poster="infos.image" objectFit="cover"></video>

h5使用 style=“object-fit:cover;”,

<video :src="infos.video_file" :poster="infos.image" style="object-fit:cover;"></video>

http://www.ppmy.cn/news/1022508.html

相关文章

Dex文件混淆(一):BlackObfuscator

Dex文件混淆(一)&#xff1a;BlackObfuscator 首发地址:http://zhuoyue360.com/crack/105.html 文章目录 Dex文件混淆(一)&#xff1a;BlackObfuscator1. 前言2.小试牛刀3. 参考学习1. dex2jar源码简析2. BlackObfuscator简析1. 控制流平坦化1. 控制流平坦化基本介绍 2. Dex解析…

Windows、 Linux 等操作系统的基本概念及其常见操作

Windows 和 Linux 是两种常见的操作系统&#xff0c;它们在计算机领域中广泛使用。下面我将为您介绍它们的基本概念以及一些常见的操作。 **Windows 操作系统&#xff1a;** 1. **基本概念&#xff1a;** Windows 是由微软公司开发的操作系统系列&#xff0c;旨在为个人计算机…

判断一个数是否为2的N次方(阿里面试题)

说明&#xff1a; 这道题解法需要按位比较&#xff0c;也是计算机组成原理中的基础知识。在计算机中&#xff0c;数值通常以二进制形式进行表示和处理。按位比较就是将两个数的二进制表示的对应位进行比较的操作。 在计算机组成原理中&#xff0c;按位比较通常是通过位逻辑运算…

Ozone命令行接口详解

命令行接口简介 Ozone Shell是命令行与Ozone交互的主要界面&#xff0c;底层用的是Java。 有些功能只能通过Ozone Shell进行操作&#xff1a; 创建带有限额限制的Volume管理内部ACLs&#xff08;访问控制列表&#xff09;创建带有加密密钥的存储桶 大部分操作除了Shell操作…

[小尘送书-第二期]《Power BI数据分析与可视化实战》数据清洗、数据建模、数据可视化设计与高级技法

大家好&#xff0c;我是小尘&#xff0c;欢迎你的关注&#xff01;大家可以一起交流学习&#xff01;欢迎大家在CSDN后台私信我&#xff01;一起讨论学习&#xff0c;讨论如何找到满意的工作&#xff01; &#x1f468;‍&#x1f4bb;博主主页&#xff1a;小尘要自信 &#x1…

SpringBoot禁用Swagger3

Swagger3默认是启用的&#xff0c;即引入包就启用。 <dependency><groupId>io.springfox</groupId><artifactId>springfox-boot-starter</artifactId><version>3.0.0</version> </dependency> <dependency><groupId…

AI自动驾驶

AI自动驾驶 一、自动驾驶的原理二、自动驾驶的分类三、自动驾驶的挑战四、自动驾驶的前景五、关键技术六、自动驾驶的安全问题七、AI数据与自动驾驶八、自动驾驶的AI算法总结 自动驾驶技术是近年来备受关注的热门话题。它代表了人工智能和机器学习在汽车行业的重要应用。本文将…

聚观早报|迪士尼三季度营收223亿美元;快手投入流量扶持创作者

【聚观365】8月11日消息 迪士尼第三季度营收223.3亿美元 中国移动上半年净利润762亿元 快手宣布将投入流量扶持优质创作者 吉利汽车与百度再次联手 韩国厂商已主导车用OLED显示屏市场 迪士尼第三季度营收223.3亿美元 迪士尼公布了截至7月1日的2023财年第三季度财务业绩。 …