增加hls支持

启动服务，查看效果

videoJs的播放按钮默认为椭圆形，我个人有点不习惯，所以修改成了圆形。

增加css样式

注意：

直接在 myPlayer.vue组件内增加样式会被覆盖，不论你有没有增加scoped属性，这取决于vue加载样式的顺序，之前查资料看了一个帖子，讲的很好，可惜找不着了。

我最终的解决方案是：自定义了一个css文件，使用require引入到了main.js内，放在上述样式引入之后。

大bug

冲突是这样的：

播放器在手机浏览器或者chrome开发者工具（手机尺寸）内，点击播放按钮，播放与暂停事件会被触发多次。

刚开始不知道什么原因，在github上提了个issure，刚提完就发现上一个关闭的issure解决的就是这个问题，这里得向作者道个歉，给您添堵了。哈哈。于是我看了另外一个人给的答案：与fastclick插件冲突……，但是…..

没有解决方案

我把整个faseclick.js拷贝了出来，并采用require的方式引用。

打开代码，猜想为什么needsclick没有起到作用，所以就直接检索了一下这个单词，在 FastClick.prototype.needsClick方法的最后,有一个验证：

首先FastClick.prototype.needsClick方法是判断元素是否要保留穿透功能，而最后一行肯定是验证触发的元素的class是不是含有needsclick。所以我先猜测是不是我触发的元素没有加上class,所以console了target.className：

果然没有，并且发现一个规律，我需要控制的按钮都是以vjs开头的，所以，在验证上再增加一个验证。