video标签视频比例拉伸
2018-07-01
需求：视频比例拉伸
方案一：object-fit1
2
3
4
5
6
7<style>
video {
object-fit:fill;
width:800px;
height:320px;
}
</style>
但是这个属性的兼容性不是很好….
！兼容性表
方案二：保持宽度不变，调整rotateX即可实现高度变小，也就是宽高比变大了。
！兼容性表1
2
3//举个例子，假如原始视频分辨率是640*320（16:9），我想把它调成4:3，也就是480*320，那么：
cos θ = 新宽度 / 旧宽度 = 480 / 640;
var rotate = (Math.acos(480/640)*180/Math.PI).toFixed(2); // 新宽度 / 旧宽度
