微信小程序分享18：image图片与video视频组件

1，image图片

昨天已经用过了，index.wxml:

image组件主要用于加载一个远程或本地图像，并进行各种缩放比例控制。最常用的三种：

最最常用的是aspectFit，这种效果是这样的：

看电影的视觉效果。

此外，binderror与bindload用于捕捉加载错误与加载完成的事件。

运行效果：

2，video视频组件

index.wxml:

视频组件使用十分简单，只有src一个属性，binderror用于捕捉视频源错误。小程序的优势在于可以直接复用微信的本地接口，例如选择本地或录制视频：

单击【获取视频】，在模拟器上会打开电脑本地视频文件，但并不能播放。

这是单击按钮的代码：

wx开头代表微信接口，不用引用导入，直接使用。

练习：如果说电视本地视频不能测试，本地图片是否可以？答案是可以的，可以试做一下。

index.wxml：

使用aspectFil缩放模式，注意大小写，写成aspectfit则无效。

index.js:

chooseImage是选择图片接口，微信的接口简单易用。

运行效果：