我使用的是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>