因为需求理解不到位，视频自动播放列表又重写了

一、一定要理解需求再下手

刚接手一个旧项目，只需要在上面添加一些新功能，和后端对对接口就可以了。因为害怕总是去问别人需求惹人烦，所以好几次讨论给我讲需求我就说我懂了，然后下来自己思考怎么做。最后又因为好多需求理解不到位，自己开发起来很费劲，耽搁了时间不说，还犯了很多错误，甚至接口都调错了好几次。所以以后一定要理解需求，最好有时间画一个流程图或者思维导图，犯了错也能有迹可循。

二、因为需求理解不到位，视频列表又重写了

还是上一篇文章的需求，但是被我想的很复杂。其实只需要有一个video播放器和一个视频列表，视频可以点击列表切换，每次切换时改变一个video播放器的视频地址就可以了，样子大概还是这样：

总的说来就三个要点：

• 进入页面自动播放视频
• 点击列表切换视频
• 当前视频播放完毕自动播放下一个视频

虽然需求少，但是需要考虑的东西还是挺多的，比如：列表的交互，最后一个视频播放完成切换到第一个，自动切换时列表样式也要随之切换等等。

三、重新理解需求后的新思路

video播放器

这里本来用的 vue3-video-play 组件，结果后面踩了一个坑，不知道是不是组件的bug（后面会讲），后面又换成原生 video 标签了，但是控制器就不好看了。

视频列表

这里还是使用的 swiper ，控制自由切换确实很方便

四、编码

• 下载引入 vue3-video-play，