[Question]在markdown中使用vidstack组件引入音频文件遇到点问题

[AustinDeng]

问题背景

我想给我的博客文章添加一个音频文件

通过查阅文档，成功在文章中导入音频文件

但是遇到两个问题：

1.音频文件被识别成了视频格式，导致存在不必要的按钮(比如字幕、快进、快退等)

我期望的效果：

但是实际的效果是这样的：
实际效果页面

2.vidstack组件样式的问题

如实际效果页面所示，播放器的每一个按钮都太大了

操作流程

项目源码的地址在这里：https://github.com/AustinDeng/AustinDeng.github.io/tree/main/src

为了实现给博客文章添加音频效果我大致做了以下操作：

1. 引入了vdistack
2. 引入了vuepress-plugin-components
3. 注册vidstack组件
4. 在文章中引入音频信息

尝试的解决办法

为了尝试解决【音频文件被识别成了视频格式】这个问题，使用以下方式均无法解决

1. 在文章的markdown页面的引入文章处添加属性信息

<VidStack type="audio/mp3" src="/assets/music/Whirling-In-Rags.mp3" title="Whirling-In-Rags" />

或者参考文档给出的格式修改属性

<VidStack  :src="[{src:'/assets/music/Whirling-In-Rags.mp3', type: 'audio/mp3'}]" title="Whirling-In-Rags" />

为了尝试解决【vidstack组件样式】这个问题，使用以下方式均无法解决

1. 直接把示例项目下的所有scss样式下载下来导入到自己的项目中

并没有生效

2. 找了vidstack官方文档以及咨询deepseek，修改src/.vuepress/styles/index.scss文件

其中只有以下代码生效

.vds-controls svg {
  width: 24px;
  height: 24px;
  transition: all 0.3s ease;
}

.vds-play-button {
  width: 48px;
  height: 48px;
}

效果如下：

好消息是确实生效了，但是和预期效果还是有差距的。。。。

补充

所有代码都在这个项目里面了，如果有其它信息需要补充了我都会及时补充，被这个小问题搞了好久，心态有点炸裂。。。。
QAQ。。。。

感谢大佬解惑🙏🙏🙏