一：点击图片切换视频播放功能

功能说明
1、用户点击指定图片播放图片对应的视频。
2、每一张图片对应不同的视频。
注：布局文件使用数据渲染for循环显示组件，逻辑文件可添加若干个视频数据。

实现思路
1、初始化小程序时，系统默认显示图片组件、隐藏视频组件。
2、用户点击图片组件时，系统隐藏图片组件、显示视频组件。
3、设置图片组件ID，用于判断用户点击了哪一张图片。
4、通过for语句遍历所有数据，结合if语句与点击事件获取的图片组件的ID判断用户要播放的视频。
关键代码：

1. playVideoTap:function(e){
2. //获取被点击了图片ID
3. var id=e.target.id;
4. for(var i=0;i<ARR_ITEM_DATA.length;i++){
5. if(i==id){
6. //显示视频组件
7. ARR_ITEM_DATA[i].boolPlayVideo=true
8. }else{
9. //隐藏视频组件
10. ARR_ITEM_DATA[i].boolPlayVideo=false
11. }
12. }
13. this.setData({
14. arrItemData:ARR_ITEM_DATA
15. })
16. //播放视频组件
17. this.videoContext.play();
18. },

二：设置指定标签的ID

示例：<view id="view1"></view>

说明：给标签添加事件，包括点击事件（bindtap）、触摸事件（bindtouchstart、bindtouchmove、bindtouchend），此处使用点击事件获取标签ID，事件名：getViewIdTap
示例：

1. <view id="view1" bindtap="getViewIdTap"></view>

在页面逻辑页面中写事件响应函数getViewIdTap:function(e){}，e为回调参数，类型为对象
示例：

1. Page({
2. //获取view标签id事件响应函数