优化建议

[jack200111]

我发现每次创建一个播放器的时候，会多添加一份新的css文件和js文件

[langyuxiansheng]

感谢反馈，已收到~， 尽快处理

[jack200111]

<!-- //（可选）如果您的使用场景需要用到H5模式的播放器，则需引用此css文件。 -->
<link rel="stylesheet" href="https://g.alicdn.com/apsara-media-box/imp-web-player/2.16.3/skins/default/aliplayer-min.css" />
<!-- //（必须）引入js文件。 -->
<script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.16.3/aliplayer-min.js"></script>

<template>
  <div class="">
    <div id="J_prismPlayer" />
    <!-- 增加一项容器 -->
    <el-button @click="add">增加一个视频</el-button>
    <div :id="id2" />
  </div>
</template>

<script>

export default {
  data() {
    return {
      id2: 'J_prismPlayer' + Math.floor(Math.random() * 1000)
    }
  },
  mounted() {
    new Aliplayer({
      id: 'J_prismPlayer',
      source: '//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/hls/xgplayer-demo.m3u8', // 播放地址，可以是第三方点播地址，或阿
    });
  },
  methods: {
    add() {
      new Aliplayer({
        id: this.id2,
        source: '//d2zihajmogu5jn.cloudfront.net/elephantsdream/hls/ed_hd.m3u8', // 播放地址，可以是第三方点播地址，或阿里云点播服务中的播放地址。
        // isLive: true, // 是否为直播，默认为false
      })
    }
  }
}
</script>

经测试发现，同样new Aliplayer绑定到id的时候，就会增加一份css和js引入