【无标题】视频播放小程序

• 实验目的

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

• 实验步骤

关键步骤：

1.视频列表的设计：

使用<view>组件实现可扩展的多行区域，每一行包含一个播放区域和一个视频标题文本，使用wx:for属性循环添加全部内容

2.点击播放视频：

添加用于记录每行视频对应的播放地址的data-url属性和用于用于出发点击事件的bindtap属性

3.视频列表的切换

在index.js文件的onload函数中创建视频上下文，用于控制视频的播放和停止

4.随机颜色的弹幕效果

插入一个自定义的函数getRandomColor函数，随机生成一个十六进制的颜色

代码解析：

1. 
2. 
3. 
4. 

• 程序运行结果

最终运行结果及其截图：

• 问题总结与体会

遇到的问题：

在生成随机颜色弹幕效果的时候，按照教程将函数getRandomColor写在了page函数里面，提示一直出错，表示为定义该函数

解决办法：

在B站上寻找相关教学视频，将函数移至page函数外即能实现随机彩色弹幕的功能

收获与体验：

从本次实验中，又进一步了解了小程序的相关函数和组件，wx：for,data-url等等了解到Java语言的随机生成颜色的代码；知道如果在小程序中插入视频，切换视频，以及弹幕的发送。