<!--pages/Video/index.wxml--> <!--1px = 750/320 = 2.34rpx;--> <view> <view> <view wx:for-items="{{videos}}" wx:key="{{index}}" data-id="{{item.id}}"> <view>{{item.src}}</view> <txv-video vid="{{item.vid}}" playerid="txv{{item.id}}" autoplay="{{false}}"></txv-video> </view> </view> </view>
最后注意项目的调试基础类库,选择比较新的,否则有时候太低版本估计开发工具都无法测试通过,我就是忘记修改这里的基础库,导致一直出错还是没有找到原因。
最终手机上测试的效果如下所示,唯一遗憾的就是每个视频都要播放一段广告,郁闷。
总的来说,使用小程序插件还是非常方便简洁的,不过第一次使用总是多少碰到一些问题,慢慢习惯就好了。
还有腾讯视频放在腾讯服务器,也可以减轻自己服务器的访问压力,还可以分享给其他朋友,也是很好的。