
Steam 官方视频嵌入 · Steam DASH Trailer 插件正式发布
这是一个我从实际使用需求出发、完全自己动手打磨的 WordPress 插件。
不是外包、不是拼凑、也不是“随便能用就行”的那种工具。
如果你曾经在写游戏文章、评测页面、Galgame 介绍,或者 Steam 游戏展示页时,
因为官方 Trailer 无法正常嵌入而抓狂过——
那这个插件,就是为你准备的。
为什么我要做这个插件?
事情其实很简单:Steam 官方早就不再提供传统的 MP4 Trailer 链接了。
现在的 Steam 视频基本都是 DASH 分片流(.m4s + .mpd),
WordPress 原生不支持,
复制 iframe?没有。
直接粘链接?报废。
第三方播放器?要么臃肿,要么不稳定。
于是你只能眼睁睁看着一个高清官方 Trailer,
在你的文章里变成一句:“视频请前往 Steam 页面查看”。
这很不体面。
所以我干脆自己写了一个插件:
既尊重 Steam 官方的视频结构,又符合 WordPress 官方插件审核规范。
这个插件能做什么?
- ✅ 原生支持 Steam DASH Trailer(自动将 .m4s 转换为 H.264 .mpd)
- ✅ 支持 YouTube / Bilibili 视频 iframe
- ✅ 全宽 16:9 响应式,不破版、不挤压
- ✅ 支持经典编辑器(TinyMCE)
- ✅ 支持 Gutenberg 新编辑器(区块)
- ✅ 完全通过 WordPress 官方插件代码扫描
你只需要一个链接。
无论是:
- Steam Trailer 的
.m4s地址 - YouTube 的 watch 链接
- Bilibili 的 BV 号页面
插件会自动判断、自动处理、自动生成最合适的嵌入方式。
使用方式(简单到离谱)
方式一:短代码
[steam_dash url="视频链接" type="auto"]
如果你想强制使用 Steam DASH 播放(比如 .m4s 链接):
[steam_dash url="Steam .m4s 链接" type="steam"]
方式二:经典编辑器按钮
在 TinyMCE 编辑器中,你会看到一个「插入视频」按钮。
点击 → 粘贴链接 → 确认。
插件会自动生成短代码。
方式三:Gutenberg 区块
在区块编辑器中搜索:
Steam 视频
粘贴链接即可,区块本质上仍然输出安全的短代码,
不污染内容结构,不锁死编辑器。
关于 Steam DASH 的一点说明
这个插件不托管任何视频,也不破解、不下载、不缓存。
它做的事情只有一件:
在用户提供合法公开 URL 的前提下,按照浏览器规范播放 DASH 视频流。
插件中使用的 dash.all.min.js:
- ✔ 开源
- ✔ GPL 兼容
- ✔ 仅在需要播放 Steam DASH 时加载
这点也已经通过 WordPress 官方插件自动扫描和人工规范要求。
为什么我敢把这个插件公开发布?
因为它不是“能跑就行”的脚本。
- ✔ 所有输出内容经过
esc_*/wp_kses处理 - ✔ 不使用已被 WordPress 标记为不推荐的函数
- ✔ 国际化(i18n)完整,Text Domain 规范
- ✔ 代码结构清晰,不依赖主题、不绑死环境
一句话总结:
这是一个我自己敢长期用、也敢让别人用的插件。
写在最后
我一直觉得:
工具,是开发者最真实的名片。
这个插件不靠营销词,也不靠“XX神器”的标题。
它只是把一件原本很麻烦、很别扭的事情,
安静而可靠地解决掉了。
如果你和我一样,
- 写游戏文章
- 整理 Galgame / Steam 作品资料
- 在乎页面呈现是否体面
那你会懂这个插件的价值。
—— 码铃薯
📦 源码获取(GitHub)
本插件为本人原创开发项目,完整源码已开源。
如需查看实现细节、提交 Issue 或自行构建,请访问:
https://github.com/719729765/Steam-DASH-trailer
* 建议通过 GitHub Releases 获取稳定版本
* 插件遵循 GPLv2 or later 协议
本插件为本人独立开发项目,GitHub 为唯一官方源码发布地址。
任何第三方转载或修改版本请自行甄别。


