在用<video>标签的时候发现图片不能平铺整个屏幕,后来查了一下需要用到object-fit属性在用video标签的时候发现图片不能平铺整个屏幕,后来查了一下需要用到object-fit属性 从MDN上查到的属性内容如下: object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。 设置成fill平铺就可以了,代码如下: vide
从MDN上查到的属性内容如下:
object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。

设置成fill平铺就可以了,代码如下:
video{
width:100%;
height:100%;
object-fit:fill;
}
编程基础网
本文标题为:HTML5 video标签的poster属性图片铺满整个屏幕
基础教程推荐
猜你喜欢
- vue在install时node-sass@4.14.1 postinstall:node scripts/build.js错误解决 2023-07-09
- 【vue】三种获取input值的写法 2023-10-08
- AJAX实现数据的增删改查操作详解【java后台】 2023-02-23
- JavaScript开发简单易懂的Svelte实现原理详解 2023-08-12
- Ajax实现关键字联想和自动补全功能及遇到坑 2023-02-23
- Ajax实现简单下拉选项效果【推荐】 2022-12-28
- html网页中使用希腊字母的方法 2022-09-21
- 使用HTML5中postMessage知识点解决Ajax中POST跨域问题 2022-10-17
- ajax异步加载图片实例分析 2022-12-18
- JavaScript函数this指向问题详解 2023-08-12
