怎样在 vuepress 中使用 dplayer

有没有懂 vuepress 的大佬能指点我一下啊

需求

我最近需要在 vuepress 页面中插入视频，暂定使用 dplayer，

• 需要使用弹幕功能（非刚需，但是最好有）
• 提供 api 可以切换视频，可以做成换 P 的功能（因为有好几期视频，想放在一起）

如果有能满足上面功能的其他播放器，也麻烦大佬提醒告知一下。

现状

经过两天的折腾，使用了 vue-dplayer（也尝试过使用最新版本的 dplayer 自己打包，结果一样），在 vuepress dev docs 时可以正常使用，本地预览网页正常，但是在使用 vuepress build docs 命令生成静态文件时，会报错，报错图片如下：

现在页面内使用代码如下：

<template>
  <div id="app">    
    <d-player :options="options" ref="player">
    </d-player>    
  </div>
</template>

<script>
import Vue from 'vue';
import VueDPlayer from 'vue-dplayer'
import 'vue-dplayer/dist/vue-dplayer.css'

Vue.use(VueDPlayer)

export default {    
    data() {
        return {
            options: {
                video: {
                url: '',
                },
                autoplay: false,
            },
            player: null,
        }
    },
    mounted() {
        this.player = this.$refs.player.dp
    }
}
</script>