跳到主要内容

docusaurus 如何在页面中嵌入音乐/视频播放器

大家都知道docusaurus 中可以写react代码,所以在stackoverflow找到这样一个解决办法,想看原文的可以看这个:Docusaurus 2 inclusion of a video file in a markdown file

以下是翻译版本

安装react-player

npm install react-player

在你的.mdx文件中引入依赖

import ReactPlayer from 'react-player'

然后如下代码所示一样,加上视频链接

<ReactPlayer playing controls url='video.mp4' />

如果你的只是音频,那么可以这样:

<ReactPlayer playing forceAudio controls url='xxx.mp3' />

如果觉得还需要更多的功能,可以看react-player的官方文档