如何在vue項(xiàng)目中引入騰訊播放器Tcplayer

之前是直接cdn引入，然后在本地new一下就好了。。。
現(xiàn)在換成vue的項(xiàng)目不知道該如何入手了。
我目前在 index.html中引入

然后在externals中添加

   'TcPlayer': window.TcPlayer

在需要用到播放器的組件引入

import TcPlayer from 'Tcplayer'

  ready () {
// 聲明一個(gè)播放器
// eslint-disable-next-line
    const player = new TcPlayer(this.$refs.mov, {
  mp4: this.movMsg.videourl,
  'autoplay': false,
  'coverpic': {'style': 'default', 'src': this.movMsg.pictureurl},
  'width': '100%',
  'height': '100%',
  'wording': {
    2032: '網(wǎng)絡(luò)錯(cuò)誤',
    2048: '請(qǐng)求m3u8文件失敗，請(qǐng)檢查是否跨域',
    13: '直播已經(jīng)結(jié)束，請(qǐng)稍后再來'
  }
})

}

然而并沒有效果。。。請(qǐng)教 我這個(gè)方法是不是對(duì)的，我該怎么做呢？

另外 我在NPM上找到了Tcplayer的鏡像，如果安裝到項(xiàng)目的話，我該怎么用？ 我看好像不能用new啊。。。