MinDoc插入视频音频文件教程（2024版）

工作当中，在内网环境下用MinDoc搭建了一个文档管理系统，方便分享一些文档内容，涉及到一些教程类的内容，视频则很方便，因为内部使用，放到外部保存视频则不方便，本文就是MinDoc插入视频音频文件教程，希望帮助到在写文档中要插入视频或音频文件的朋友。

什么是MinDoc？

MinDoc 是一款针对IT团队开发的简单好用的文档管理系统。

MinDoc 的前身是 SmartWiki 文档系统。SmartWiki 是基于 PHP 框架 laravel 开发的一款文档管理系统。因 PHP 的部署对普通用户来说太复杂，所以改用 Golang 开发。可以方便用户部署和实用。

开发缘起是公司IT部门需要一款简单实用的项目接口文档管理和分享的系统。其功能和界面源于 kancloud 。

可以用来储存日常接口文档，数据库字典，手册说明等文档。内置项目管理，用户管理，权限管理等功能，能够满足大部分中小团队的文档管理需求。

https://github.com/mindoc-org/mindoc

MinDoc插入视频音频文件

事实上在使用MinDoc写文档的过程中，直接通过上传附件的形式上传一个视频文件，你没有办法播放，只能下载。基于此也在MinDoc群里面问过，但似乎没有人弄过，好在这些天有群友也在整这块内容。因此直接将他分享的内容放置在这里了。

上传视频并获取地址

在mindoc目录的uploads中新建一个video文件夹把相关视频复制进去。

以大图标方式查看，如果该文件无法显示片头图片，则格式编码兼容性有问题，很大可能无法在线播放，需进行转码处理。

视频绝对网址为 https://jhrs.com/uploads/video/文件名这里的 https://jhrs.com 域名可省略,省略后的视频相对网址为：/uploads/video/ 文件名。

插入视频

插入视频方式常见的有两种，一种是通过 iframe 方式，另外一种就是使用 video 标签。

iframe方式

<iframe width="600px" height="400px" src=""/uploads/video/ZT400系列更换打印头.mp4" >
</iframe>

这里的” “号如果偷懒也可以省略,不影响实际显示。下面是不带引号版本。

<iframe width=600px height=400px src=/uploads/video/ZT400系列更换打印头.mp4 >
</iframe>

video方式

<video width="600px" height="400px" controls>
<source src="/uploads/video/ZT400系列更换打印头.mp4 " type="video/mp4">
</video>

同样，也可以省略成这样：

<video width=600 height=400 controls>
<source src=/uploads/video/ZT400系列更换打印头.mp4>
</video>

注:生产环境为稳定起见最好别省略

插入其它资源

插入gif动图

<iframe width="500px" height="270px"scrolling="no"
src="/uploads/video/test.gif">
</iframe>

插入音频文件

<video width="80%" height="80px" controls>
<source src="/uploads/video/su.mp3 " >
</video>

样式如下：

插入外链视频（来自网络）

b站，视频下方点分享然后复制嵌入代码

插入pdf

作为一个知识库，势必有大批PDF格式的厂家说明书，总不能全部上传为附件，然后在网页上下载
下来本地看吧？在线看是必然的需求。在uploads下新建一个book文件夹，把pdf文件放进去。

iframe方式插入

<iframe width="1000" height="1200" id="iframepdf"
src="/uploads/book/zm600快速安装.pdf">
</iframe>

显示效果如下：

object方式插入

<object width="1000" height="1200"
data="/uploads/book/zm600快速安装.pdf" type="application/pdf">
<div>No online PDF viewer installed</div>
</object>

显示效果如下：

注：以上两种方式都需要chrome或edge浏览器。IE如果未装PDF的插件是无法在线看PDF的。

iframe的其它应用

由于iframe本质是插入一个外部网页的子窗口,所以你还可以…

插入天气预报

到天气预报的插件网站选一个款式。

插入doc

其实用途不大，原理是使用微软的office官网api读取网站上的doc文件然后在线显示出来，故此内
网无法使用，因为微软无法读取内网里的doc，如果实在是有DOC要在线看，建议还是转成PDF后插
入。

代码：src后替换为要访问的doc绝对网址

<iframe src='https://view.officeapps.live.com/op/embed.aspx?
src=https://pymo.github.io/PYMO教程.doc'
width='100%' height='565px' frameborder='0'>
</iframe>

效果如下：

备注

新版MinDoc的配置文件conf\app.conf默认是禁止iframe的，需将false改为true,否则插入iframe代码无效。

默认:enable_iframe = "${MINDOC_ENABLE_IFRAME||false}"
改为:enable_iframe = "${MINDOC_ENABLE_IFRAME||true}"

无论是iframe或video插入的资源都可通过width和height调整长宽。

width=”600px” height=”400px” 宽600像素,高400像素，这里的px可省略

width=”80%” height=”20%” 宽为页面的80%，高为页面的20%

写在最后

以上的内容来自于群友的分享，同时也将pdf版本的放到最后，你可以下载pdf版来查看。

下载mindoc插入视频音频文件教程