vue中使用video实现请求m3u8文件的感受

目前公司给了个需求，作为独立开发的我来说（重点是我是个小菜鸟┭┮﹏┭┮，踏进IT行业不久的菜鸟+小白一枚，至于为什么还在公司工作，只是想多学习一点吧。这不重要）是很烧脑的，突然给我说要实现一个视频播放功能，我心想很简单啊，用video标签就可以实现，然后他说请求的数据是m3u8（我只想说我没了解过。。。。。），顿时很懵，然后就是各种找资料，各种百度，慢慢了解了，在众多资料的帮助下终于了解了一点并开始实现需求。（具体的各位可以自行百度，其中还有HLS）

代码实现

首先npm i video.js videojs-contrib-hls，然后在需要的组件内引入这两个插件。
接下来进行下一步代码开怼，如下：
html结构书写如下，【其中video标签上的属性各位可以在video.js中查阅https://videojs.com/】

这里需要注意的是type，如果写成type=“video/mp4”，那是一定会报错的。（宛若智障的我竟然还专门试了一下-----）
接下来就是js部分的实现：

注意：我在查阅资料的时候，看到别人将videojs的配置项写在mounted中，这是可以的，我刚开始也是这样写的，但是产品又给我说想要一个点击之后再去请求数据来播放，所以我就将配置项写在methods中了，然后绑定给按钮，然后ctrl+s，接下来让我们来试一下，嘣~~~~~（各位脑补一下我的无脑操作~~~~~）涉及到保密问题这里没有页面数据，点击之后开始播放~~飘

我在写完代码之后去请求数据的时候，控制台竟然报错了，

这个错误当时翻译的是网络或者格式不正确，后来后台说应该是他们的问题，他们修改了一下，然后就ok啦，如果你们也遇到这个问题，可以咨询请教一下后台，我这个问题是后台说他的问题，他处理了一下，然后就好了。
至此，这个需求圆满完成。
最后，这是我第一篇文章，之前都是看，然后实现需求就没事了，后来我发现自己记下来，一方面可以加深自己的印象，二来以后出现问题可以回过来查看。这也算一点一点学习吧。刚看到这个需求的时候感觉完蛋了，后来慢下来一点一点查资料，只要是客户提出来的需求，基本上都可以用程序来实现出来，这是我听领导私下里说的话，之后我就牢牢记住了，所以说，以后遇到什么问题，先思考，然后查资料，再实现，最后总结，这样坚持下去，一定会学会很多的。这也是对我自己的忠告。
这篇文章的代码也许会和别的博主的代码一样，但是我确实是自己一个一个看过，然后亲自实践之后的，因为需求没那么多要求，所以代码就很简单，之后闲暇时间我还是会继续研究的。

望努力，飘~