开发者社区> 问答> 正文

VUE前端页面打开阿里云播放器报错Aliplayer is not defined

前端大哥帮个忙看看,VUE页面实现阿里云播放器,加载的时候报错找不到阿里云播放器对象Aliplayer is not defined; 加载顺序不对哦? QQ图片20200606113132.png

  <div>
    <link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.6.0/skins/default/aliplayer-min.css" />
  </div>
</template>
<script type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.6.0/aliplayer-min.js"></script>
<script>
import { getPlayAuth } from "@/api/getData.js";
export default {

    methods:{
            //获取视频详情
            async initParam(vid){
                try{
                  const result =  await getPlayAuth(vid)
                 // console.log("result:"+result.data.data) //拿到播放凭证
                  //////////////打开阿里云播放器///////////
                  var palyerDom = document.createElement('div');
                  palyerDom.id = 'J_prismPlayer';
                  palyerDom.style.width = '1920px';
                  palyerDom.style.height = '1280px';
                  palyerDom.className = 'prism-player';
                  var body = document.getElementsByTagName('body');
                  if(body.length) {
                      body[0].appendChild(palyerDom);
                      var player = new Aliplayer({
                        id: "J_prismPlayer",
                        autoplay: true,
                        width:"1920px",
                        height:"1280px",
                        vid:vid,
                        playauth:result.data.data,
                        cover:''
                    });
                  }
                }catch(error){
                    console.log(error)
                }
            }
        },
     
    mounted(){
        //渲染完成后根据视频ID拿去播放凭证
        console.log("video_id:"+this.$route.query.video_id)
        this.initParam(this.$route.query.video_id)
         },
        
}
</script>


展开
收起
游客kimp2u4cscieq 2020-06-06 11:33:49 6773 0
4 条回答
写回答
取消 提交回答
  • 把阿里云的脚本放在之前的课程页面就可以了

    2021-07-14 21:15:06
    赞同 1 展开评论 打赏
  • 我直接在上面加上 // eslint-disable-next-line no-unused-vars 解决的

    2021-04-12 18:00:01
    赞同 展开评论 打赏
  • 你好,你解决这个问题了吗?我第一次进入播放页面提示没定义,刷新一下又可以了

    2021-04-07 16:46:31
    赞同 展开评论 打赏
  • 你好,你解决这个问题了吗

    2021-01-08 17:32:19
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
基于webpack和npm的前端组件化实践 立即下载
Vue.js 在前端服务化上的探索与实践 立即下载
Vue.js在前端服务化上的实践与探索 立即下载