以HTML格式裁剪视频？

Question

我想在HTML 5中裁剪视频.

<video id="glass" width="640" height="360" autoplay>
    <source src="invisible-glass-fill.mp4" type="video/mp4">
</video>

视频的分辨率为640x360,但是当我将width属性设置为200时,视频将重新缩放(保留宽高比).如何通过HTML或Javascript裁剪视频(切断,比如左右两侧220像素)？是否可以通过视频编辑软件裁剪视频？

Answer 1

我建议你用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;
}