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

html-css023

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

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

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

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

视频不是设置成背景的,是放在一个div里面,然后其他要覆盖在视频上的东西,比如链接按钮之类的,用css定位属性叠到装视频的div里面。百度:网易、腾讯的各类射击游戏网站,几何都有你说的这个视频效果,查看其源文件

<video controls="controls" >此标签中添加preload="auto"是预备播放点击后播放, 添加autoplay="autoplay"可以实现自动播放,详见W3school教程:网页链接