HTML 5 视频
-
video标签
video标签是 HTML 5 的专属视频标签
<video src="./.mp4" controls> </video>
-
video属性:
属性 | 作用 |
---|---|
controls | 视频添加操控按钮 |
autoplay | 视频加载完成之后自动播放 |
muted | 打开静音播放视频 |
loop | 循环播放此视频 |
poster | 封面定格,用户下载视频时显示的图片(注:值使用url) |
preload | 一边加载一边播放 |
<body>
<!-- 循环播放 -->
<video width="800" height="" loop ></video>
</body>
<body>
<!-- 循环播放 -->
<video width="800" height="" loop ></video>
</body>
2D转换的几种样式
方法 | 解释 |
---|---|
translate(x,y) | 【x轴,y轴的平移】 根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动 |
rotate() | 【旋转】在一个给定度数顺时针旋转的元素,负值是允许的,这样是元素逆时针旋转 |
scale() | 【缩放】 |
skew() | 【倾斜】 |
matrix() | 复合属性【括号内有六个值】 |
Matrix()括号内六个值详解:
Transform:Matrix(X缩放,Y倾斜,X倾斜,Y缩放,X平移,Y平移);
matrix 方法有六个参数,包含旋转,缩放,移动(平移)和倾斜功能