视频背景---小龙老师
backgroud 不支持 视频背景 只支持 颜色,图片.等
video 是新增的 视频标签.需要引入;
视频只支持三种格式; ogg MPEG4 WebM
ogg .ogg
mpeg4 是 MP4
webm 是
用户体验的三大点: 不用让用户,等. 不要让用户
现在,视频网站
大部分视频都是H5 开发的
mute 静音播放.
loop 无限循环播放.
让视频大小和浏览器一致;
自动适应 object-fit: cover ;
放大到和浏览器一般大.两边多余的部分,会自动隐藏
内容溢出
object-fit: cover; 属性说明
内容水平对齐方式 vertical-align: bottom;
视频背景.在插入完视频后 ,要实现 能在背景上写东西.
页面布局 默认是 流体 文档流 标准流.
从上到下, 从左到右.
用一个 mian 改在 视频上面. 然后在 mian 上写东西.
使用,脱离文档流.
一个写的很好的同学的笔记:
https://www.yuque.com/coloring/ygpgvc
课程设计
学好前端: 学 练 问 总结.
今天,下班晚了.进入课堂太迟了,而且,网路不好,电脑卡,好多关键点 都没有记录下来.