在Vue.js專案中如何使用阿里雲端視訊隨選的Web播放器SDK?
阿里雲的官方文件頁面:https://help.aliyun.com/docum...
我的程式碼:
<template>
<p class="">
<p class="prism-player" id="J_prismPlayer" style="position: absolute"></p>
</p>
</template>
<style>
</style>
<script>
var player = new prismplayer({
id: 'J_prismPlayer',
width: '100%',
autoplay: false,
//播放方式一:推荐
prismType: 2,
vid: '',
accId: '',
accSecret: '',
apiKey: '',
// vid : '',
// playauth : '',
showBarTime: 3000000,
cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png'
});
export default {
created: function() {
}
}
</script>
報錯:
prism-h5-min.js:2 Uncaught TypeError: 没有为播放器指定容器
at new i (prism-h5-min.js:2)
at eval (eval at <anonymous> (app.js:1555), <anonymous>:4:14)
at Object.<anonymous> (app.js:1555)
at __webpack_require__ (app.js:687)
at fn (app.js:110)
at eval (eval at <anonymous> (app.js:1562), <anonymous>:7:3)
at Object.<anonymous> (app.js:1562)
at __webpack_require__ (app.js:687)
at fn (app.js:110)
at eval (eval at <anonymous> (app.js:1053), <anonymous>:19:77)
在index.html引入js
然後在build/webpack.base.conf.js中找到webpackConfig
裡面配置
在你的專案中