如何实现视频旋转缩放

文章预览

点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 一、背景 原本我们预览视频仅仅是简单的video标签实现就可以满足业务的需求了，但是某一天，产品说：”业务的视频是用手机拍的，方向不一定是正的，还有视频的宽高太小了看不清，所以希望我们能让视频做到旋转跳跃（不是）旋转+按比例缩小放大“。此时我的内心OS：你***是《舞娘》听多了吧。不过吐槽归吐槽，既然需求合理该做还是得做啊。 二、实现 这个功能初时看起来很头疼，在细细思考下来后发现，实现思路其实并不复杂，可以通过transform去辗转腾挪，最终完成我们想要的效果。 1. 原始效果 我们最初始的效果就是如同图片预览一般，点击弹窗播放视频，所以这里仅仅使用了video标签。 2. 还原原生video控制栏功能 如果我们直接去旋转video标签，那么他的控制栏 ………………………………