Vue.js 引入阿里云播放器 问题

阿里云官方文档：https://player.alicdn.com/aliplayer/tutorial/tutorial.html

vue 初学者，试着导入阿里云的播放器，但是没有成功，各位有谁做过吗？看看哪里写的有问题？感谢

我的vue组件

<template>
<div :id="J_prismPlayer" class="prism-player"></div>
</template>

<script src="http://g.alicdn.com/de/prismplayer/2.2.0/aliplayer-h5-min.js" ></script>
<script>
export default {
data(){


},
mounted: function() {
let player = new prismplayer({
id: 'J_prismPlayer',
width: '100%',
autoplay: false,

source : 'http://cloud.video.taobao.com/play/u/2554695624/p/1/e/6/t/1/fv/102/28552077.mp4',
//播放方式一：推荐
prismType: 2,
vid: '',
accId: '',
accSecret: '',
apiKey: '',

// vid : '',
// playauth : '',
showBarTime: 3000000,
cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png'
});
}
}
</script>

<style scoped>
@import 'https://g.alicdn.com/de/prismplayer/2.2.0/skins/default/aliplayer-min.css';
</style>