oss阿里云 视频如何截取第一帧作为预览图片

我使用的是angular4，上传到oss上面的。

所以从后台拿回来的地址 也是oss的，这个时候就特别好处理了。

例如：拿回来的视频地址是：

src = ' http://a-image-demo.oss-cn-qingdao.aliyuncs.com/demo.mp4 ';

那么你需要做的处理就是：

poster = src + '?spm=a2c4g.11186623.2.1.yjOb8V&x-oss-process=video/snapshot,t_7000,f_jpg,w_800,h_600,m_fast';

这个是video标签的方法，但是我测试的时候，在uc上会闪现图片，但是最终还是黑屏。

<video width="320" height="240" controls poster="{{item.src}}">
    <source src="{{item.src}}" type="video/mp4">
</video>

因为我用的是angular，所以我用angular的video，可以解决uc的黑屏问题。

<vg-player>
     <video #media [vgMedia]="media" src="{{item.src}}" poster="{{item.poster}}"></video>
</vg-player>