微信小程序视频组件简单使用

wxml中:

<view wx:for="{{fen}}" wx:key="key">
	<view><text>{{item.name}}</text></view>
	<video src="{{item.video}}" poster="{{item.poster}}"></video>
</view>

js中:

data: {
	fen: [
		{ "name": "视频一", "video": "http://www.zhifou123.com/video/anli_1.mp4", "poster": "http://www.zhifou123.com/video/video_1.png" },
		{ "name": "视频二", "video": "http://www.zhifou123.com/video/anli_2.mp4", "poster": "http://www.zhifou123.com/video/video_2.png" },
		{ "name": "视频三", "video": "http://www.zhifou123.com/video/anli_3.mp4", "poster": "http://www.zhifou123.com/video/video_3.png" }
	]
},

poster:视频封面的图片地址必须是网络资源地址或云文件ID,本地图片暂不支持。

猜你喜欢

转载自blog.csdn.net/qq_38882327/article/details/92083795
今日推荐