怎样在 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>