我想用
HTML 5裁剪视频.
<video id="glass" width="640" height="360" autoplay> <source src="invisible-glass-fill.mp4" type="video/mp4"> </video>
视频的分辨率为640×360,但是当将width属性设置为200时,视频将重新缩放(保留宽高比).如何通过HTML或Javascript裁剪视频(从左侧和右侧切断220像素)?甚至可以通过视频编辑软件裁剪视频吗?
解决方法
我建议你用CSS和一个包装器来做:
HTML
<div class="container"> <video id="glass" width="640" height="360" autoplay> <source src="invisible-glass-fill.mp4" type="video/mp4"> </video> </div>
CSS
.container{ width: 200px; overflow:hidden; display:block; height: 360px; } #glass{ margin-left: -220px; }