css如何让视频内容放大缩小不失真

html-css012

css如何让视频内容放大缩小不失真,第1张

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

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

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

你看一下旁边,有一个对应的css。点一下就可以看到路径了。

修改视频大修尺寸,可以有2种方法

1.找到对应的这段代码,用DW打开,找到对应的div,直接在div里面进行视频大小样式的添加,保存到前台进行刷新

2.找到对应样式的css文件,直接修改其样式,进行刷新,也可以

如果你对你的模板文件很熟悉,直接在后台对应文件进行修改,保存到前台刷新就可以。但是做之前一定要备份,步入错了有可能恢复不了

还缺少一点点东西,你给video标签添加

video {

    object-fit: contain /* 取值:fill/cover/contain/scale-down/none */

}

这样视频画面就可以跟着video标签进行宽高缩放了。