YAS's VB.NET Tips
 
NetCommons Tips
NetCommons Tips >> 記事詳細

2018/05/24

動画をトリミングして再生する

Tweet ThisSend to Facebook | by:YAS
 左の動画は240 x 240の動画の上下をトリミングして再生しています。動画をトリミングするには、divタグでvideoタグを囲み,divタグのstyleでheightを指定します。そのままでは,動画の上からheight分が再生されるので,videoタグのmargin-topにマイナスの値を指定することで,動画の中央部分を表示しています。

<div style="height:120px;overflow:hidden;">
<video src="./?action=common_download_main&upload_id=101" loop="true" autoplay="true" muted="true" style="margin-top:-60px;" />
</div>

 左右のトリミングもdivタグにwidth,videoタグにmargin-leftを指定することで同様にできます。

23:43 | 投票する | 投票数(0) | コメント(0)