vue中使用百家云移动端H5播放器（一）

前言：最近因为项目需求，需要使用百家云的播放器播放指定的视频，以下记录使用过程中踩到的坑

一：

刚开始在vue项目中按照百家云文档引入了css文件以及js文件之后之后报的第一个错是没有引入jQuery，需要注意，从百家云文档引入的js是jQuery写的，一定要引入并配置jQuery，否则vue识别不了$符

二：

按照文档将次demo写到你需要用到的组件中

var player = new bjcPlayer('#main', {

        token: 'Jn3SZuoZ03g3S3PxCaNttRb33AcPu-poL5ZQra9b5SYxuSba8SBafg',

        definition: 'low', // hign 高清 low 低清

        privateDomainPrefix: '', // 专属域名

        onended: function () {

            // console.log('onended');

        },

        onplay: function () {

            // console.log('onplay');

        },

        onpause: function () {

            // console.log('onpause');

        },

        onerror: function (e) {

            console.log('onerror');

            console.log(e);

        },

        ontimeupdate: function (time) {

              console.log('ontimeupdate-->' + time);

        },

        onseeked: function (time) {

            console.log('onseeked-->' + time);

        }

    });

    player.play('5153273');

此时一定要确保token的正确以及最后调用时视频的ID正确

三：

最大的一个坑，写完之后视频出不来，但是能听到视频里的声音

此时我的代码是这样的

我将代码放在了created里面，将created换成mounted就OK了