javascript – 以HTML格式播放视频?

前端之家收集整理的这篇文章主要介绍了javascript – 以HTML格式播放视频?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想用 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;
}

猜你在找的JavaScript相关文章