（备注：将实验报告发布在博客、代码公开至 github 是 加分项，不是必须做的）

• 掌握视频列表的切换方法
• 掌握视频自动播放方法
• 掌握视频随机颜色弹幕效果

列出实验的关键步骤、代码解析、截图。

1. 项目创建

   

2. 页面配置

   

3. 视图设计

   1. 导航栏设计

      

   2. 页面设计

      1. 区域1：视频播放器

         

      2. 区域2：弹幕发送区域

         

      3. 区域3：视频列表

         

4. 逻辑实现

   1. 更新播放列表

      

   2. 点击播放视频

      

   3. 发送弹幕

      

列出程序的最终运行结果及截图。

本次实验中学习到了视频播放器的一些使用，对于本实验我觉得存在一些不严谨的地方

• vx:key元素指定不明确

​ 实验自始至终未指定video{{index}}到底指的是什么

• 未介绍videoContext对象

​ 实验中只是展示但是没有解释wx.createVideoContext函数，这个函数是创建一个视频播放器对象，创建的对象我们取名未videoCtx，它自身包含有Play()和Stop()内置函数

• 部分变量不包含在页面初始数据内

​ 如src，videoCtx，未在Page的data内声明，而是由一些别的函数生成，不知道是否严谨