Docusaurus 2在标记文件中包含视频文件 [英] Docusaurus 2 inclusion of a video file in a markdown file

问题描述

使用Docusaurus获取帮助文档。我可以添加图片、gif和引用YouTube视频(使用iframe)。但我不清楚如何在降价文件中包含视频。

我希望视频在我的回购中(即src="；./sets/my-Video.mp4"；type=video/mp4"；)。

有关this issue的讨论，但我找不到引用视频的简单示例。

推荐答案

您需要安装react-player，创建扩展名为.mdx的文件，然后添加视频。

1)安装react-player：

NPM安装Reaction-Player

2)在您的文件中，例如Intro.mdx，在顶部插入(如果有，则在---下面)：

import ReactPlayer from 'react-player'

然后将视频插入到您想要的任何位置：

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

重要信息

1. 我尝试使用相对路径渲染视频时遇到一些问题。因此，最好将它们放在static文件夹中，然后使用<ReactPlayer playing controls url='/video.mp4' />调用(注意文件名前的/)。

2. 我忘了将扩展名更改为mdx。但它在md扩展文件中工作正常。

---

参考资料

1. 我按照您提供的链接了解如何操作
2. https://github.com/facebook/docusaurus/issues/489
3. https://www.npmjs.com/package/react-player

注意：使用参考#3了解有关Reaction-Player的更多信息！您可以在视频播放器上使用很多很酷的东西。

---

免责声明

就像endiliey在您的reference link中所说的，这非常容易-对于那些熟悉这项技术的人来说。这不是我的案子…但了解这件事很有趣！

这篇关于Docusaurus 2在标记文件中包含视频文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！