vue使用aliplay避雷篇

  前言：在vue中使用alipay的时候遇到了很多坑的地方，自己解决这些问题花费了自己大量时间，所记录到的错非常多，主要是由于是其他人建议的使用方式都无法使用，下面我就为有缘人总结自己遇到的错误，以及错误原因和解决方案

1.aliplay不知道如何导入相关javascript和css远程资源文件

相信你可能会遇到导入方式是直接在div中使用src导入等方式，但是你都会发现失效，内容无法识别等问题。

正确的方式是将这二个文件导入index.html的head

 2.想使用dialog弹出视频 发现视频无法解析

大部分人初始学到的aplayer挂载方式是使用mouted 在页面渲染完成后加载，但是如果你使用的是el-dialog弹出方式是无法加载成功的，这个时候我们发现是空白。这个时候我考虑的方式第二种是使用事件注册aiplayer，又发现一个坑，视频每次需要二次才能实现真正的初始化,F12发现的日志第一次出现未找到容器，推测是div渲染比dialog创建慢，所以在dialog注册事件opened创建播放器，发现成功

3.阿里云播放器随着时间出现4400报错码

如果你是使用的resource的方式，你会发现开始的时候会出现正常视频，而随着时间推移会发现无法播放，这是因为阿里云播放器有自己的凭证时效。建议使用vid 和 playauth 的方式播放，如何获取playauth请查看官方文档。

最后附上图示（详细教程可以参照我的播放器教学）