阿里播放器Aliplayer封装

Aliplayer简单封装

最进公司在做直播项目的。用到阿里Aliplayer播放器，一开始看文档不是太明白，我折腾好几天，用别人封装好的Aliplayer但是不是我的理想型，我这边要实现：试看和记忆播放2，于是看了前辈封装代码，自己从新封装适合自己代码，方便自己维护。

Aliplayer组件封装

1. 引用官方js 官方文档：
   https://player.alicdn.com/aliplayer/index.html

2.因为我需要用到试看和记忆播放，所有我引用 aliplayercomponents-1.0.5.min.js 官方文档： https://player.alicdn.com/aliplayer/presentation/index.html?type=memoryPlay

目前试看可以，但是记忆点播有问题，但是如果你们一个视频只用一个就可以没有问题，想测试直接注释代码打开就可以，一个视频共用记忆点播就有问题，等我有时间在完善看看，或者你们有完善代码或者思路留言，谢谢拉，

<template>
  <div class="">
     
    <div class="prism-player" :id="playerId" :style="playerStyle"></div>
 
  </div>
</template>


<script>

window.AliPlayerComponent = {
   
  PreviewVodComponent:()=>{
   },
  MemoryPlayComponent:()=>{
   }
}

export default {
   
  name: "Aliplayer",
  props: {
   
    freeType:{
   
       type: Number,
        default: 0
    },
    playerStyle: {
   
      type: String,
      default: ""
    },
    sfreeTime:{
   
       type: Number,
        default: 0
    },
    isLive: {
   
      type: Boolean,
      default: false
    },
     playauth: {
   
        type: String,
        default: ''
    },
    source: {
   
      type: String,
      default: ""
    },
    cover: {
   
      type: String,
      default: ""
    },
    cssLink:{
      //css版本源
      required: false,
      type: [String],
      default: `https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css`
    },
    scriptSrc:{
    //js版本源
      required: false,
      type: [String],
      default: