前端实现图片和视频的居中裁剪

html-css010

前端实现图片和视频的居中裁剪,第1张

方法：就是把图片作为标签的背景色, css控制图片的位置

方法：需要获取视频的高度和宽度，然后根据所在区域的比例，设置video的height和width属性值（100%和auto中切换,本例以9/16为例，所在区域宽高分别是：375 * 667

1、首先打开css视频制作播放软件，进入主界面。

2、其次通过百分比设置宽度内容，根据宽高比16:9，计算出高度的百分比数值，设置内边距为高度的数值。

3、最后在点击设置找到内容放大缩小点击保真选项保存推出即可不失真。