uni-app converts img images to video videos

<!--原-->
<img src="src" alt="视频">

<!--现-->
<video src="src" style="width:100%"></video>

<!--转换为视频后加入属性会预览视频图-->
<video :src="src" style="width:100%" controls :poster="src +'?x-oss-process=video/snapshot,t_0,f_jpg'"></video>

 

//调用
txtc(图片的html)

txtc(row){
	var arr = row.split('" alt="视频">');
	for(var i = 0;i<arr.length;i++){
		var txt = arr[i].split('src="');
		var srcs = txt[txt.length-1];
		var xcv = '<video src="'+srcs+'" style="width:100%" controls poster="'+srcs +'?x-oss-process=video/snapshot,t_0,f_jpg"></video>';
		
		var row = row.replace('<img src="'+srcs+'" alt="视频">',xcv);
	}
	return row;
},

 

Guess you like

Origin blog.csdn.net/weixin_44285250/article/details/117032181