搭建基于wordpress+minio的简易视频画廊
本文最后更新于 197 天前,其中的信息可能已经有所发展或是发生改变,如有失效可到评论区留言。
文章摘要
为实现博客视频资源的便捷展示,通过结合WordPress与MinIO搭建简易视频画廊。基于已有MinIO私有云存储基础,选用All-in-One Video Gallery插件实现视频管理,利用其按分类生成页面和短代码嵌入功能,通过URL方式上传MinIO生成的视频链接避免性能损耗。实际部署中发现免费版存在缩略图点击无播放、界面呈现简陋等限制,但已满足基础视频分类展示和分享需求,为后续扩展至电影片段等多类型资源提供可复用的技术方案。
Qwen3-14B · 2026-06-18

前言

前一篇文章中,我用docker方式的minio搭建了自己的简易COS平台(参见:docker系列 搭建基于minio的私人COS平台),这个本来是我平时偶尔用来给朋友分享一些大文件用的。但是,因为这个“偶尔”就搭个minio又感觉有点浪费,为了不浪费这个简易COS平台,干脆就在博客上开一个mv频道,把我平时收藏的mv中挑一些经典的放上去,这样也方便我需要的时候分享给朋友看。

要达到这个效果,需要安装一个在wordpress上支持“画廊”功能的视频插件(我不是编程出身,不懂代码,只能尽量用插件来解决问题),当然,基本原则不能丢,免费还是必须的~。经过了一番尝试,找到一个勉强满足要求的插件:All-in-One Video Gallery。

这个插件本质上来说是可以直接将每一个视频直接生成一个帖子,如下:

image.png

并且可以根据不同维度(视频分类,视频标记、用户视频等)生成不同的页面(本质上是生成指向不同维度的短代码),例如根据mv分类生成页面:
image.png

搭建步骤

1、新建视频分类(可选步骤)

image.png

这一步不是必须的,看大家自己的需求,如果只有一个分类就不用折腾了,我是因为考虑以后会有其他分类,比如经典电影片段,所以目前建立了film和mv两个分类:
image.png

2、上传视频

使用这个插件呈现视频画廊,则必须在这个插件里面上传视频:

image.png

点击右上角的Add New:
image.png

上图所示红框部分是一些比较关键的项目(因为分辨率的问题上面的注释有点不清,不过凑近点勉强能看到,我就不单独写了),关键还是视频的上传方式,直接上传视频的方法局限性太大,而且太影响wordpress的性能,所以建议还是URL的方式,本文中是使用minio COS生成的链接,其他方法也可以,大家根据自己的实际情况选择就好了,填写好选项以后点右上角的发布即可。

这个时候基本已经完成了,就剩最后一步如何呈现出来的问题了。其实,在安装好这个插件以后,大家可以在wordpress的页面部分看,已经多了一些页面,如下:

image.png

这几个是插件提前生成的页面,其实只需要把这个页面加到wordpress里就已经可以直接看到了,不过这未必符合我们的要求,比如,我想要一个页面呈现mv分类里的全部内容,只需要先获取一个短代码:

image.png

大家按照红框所示,最后点击下方的Generate Shortcode即可生成短代码:
image.png

然后只需要将红框中的短代码粘贴到任何一个页面中想要的位置处即可(记得要单独一行),最终效果就是上面mv页面的效果:

image.png

另外在插件的具体设置里,有很多选项,大家自己慢慢寻找自己合适的即可:
image.png

不过,这种方式部署也不完美,比如直接点击缩略图不能直接播放,我估计是因为COS方式的原因,如果直接上传视频的方式应该是没这个问题的(可以看到视频缩略图上有播放的标记);又比如这种呈现方式略low,收费版就厉害了,有好几种方式可以选择,但是免费的,估计也只能这样意思意思了,所以我的标题才是“简易”视频画廊。

📌 内容结构提示:
这篇内容属于「博客知识地图」的一部分,你可以从这里查看完整内容路径: 博客知识地图
查看相关分类·3个匹配
📎 相关文章
分享这篇文章
博客内容均系原创,转载请注明出处!博客的RSS地址为:https://blog.tangwudi.com/feed,欢迎订阅;如有需要,可以加入Telegram群一起讨论问题。
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇
       

👋 欢迎来到“无敌的个人博客”

这里主要围绕以下方向展开长期探索:

🧱 个人数字基础设施与博客系统构建
☁️ Cloudflare 与网络架构实践
🧠 AI 与知识系统探索
🛡️ 网络安全与访问优化
🎵 音乐与声音认知
👁️ 认知视角与世界观