oss阿里云 視頻如何截取第一幀作為預(yù)覽圖片

我使用的是angular4,上傳到oss上面的。

所以從后臺(tái)拿回來的地址 也是oss的,這個(gè)時(shí)候就特別好處理了。

例如:拿回來的視頻地址是:

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';

這個(gè)是video標(biāo)簽的方法,但是我測(cè)試的時(shí)候,在uc上會(huì)閃現(xiàn)圖片,但是最終還是黑屏。

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

因?yàn)槲矣玫氖莂ngular,所以我用angular的video,可以解決uc的黑屏問題。

<vg-player>
     <video #media [vgMedia]="media" src="{{item.src}}" poster="{{item.poster}}"></video>
</vg-player>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容