WordPress 外链媒体嵌入教程
通过 NFD 解析站将网盘分享链接转换为可直接播放的智能直链，实现在 WordPress 中嵌入视频/音频。
原理说明
网盘分享链接 (source) → 解析站解析 → 智能直链 → WordPress 嵌入播放
| 类型 | 网盘外链 (source) | 解析直链 |
|---|---|---|
| 视频 | https://www.ilanzou.com/s/CDx6xKbT |
https://lz.qaiu.top/parser?url=https://www.ilanzou.com/s/CDx6xKbT |
| 音频 | https://www.ilanzou.com/s/ZH26x70f |
https://lz.qaiu.top/parser?url=https://www.ilanzou.com/s/ZH26x70f |
解析站地址格式：
https://lz.qaiu.top/parser?url={网盘分享链接}
将 {网盘分享链接} 替换为实际的蓝奏云分享地址即可生成可用于播放的智能直链。
1. 嵌入视频
1.1 HTML5 原生 video 标签
适用于所有 WordPress 主题，在文章中切换到「自定义 HTML」块或「代码编辑器」模式粘贴：
<video controls preload="metadata" style="width:100%;">
<source src="https://lz.qaiu.top/parser?url=https://www.ilanzou.com/s/CDx6xKbT" type="video/mp4">
您的浏览器不支持 video 标签。
</video>
效果预览：
1.2 参数说明
| 属性 | 说明 |
|---|---|
controls |
显示播放控件（播放/暂停、进度条、音量等） |
preload="metadata" |
仅预加载元数据（时长、尺寸），节省带宽 |
style="width:100%;" |
视频宽度自适应容器，响应式布局 |
type="video/mp4" |
指定视频 MIME 类型 |
1.3 更多可选属性
<!-- 自动播放 + 静音 + 循环（适合背景视频） -->
<video autoplay muted loop playsinline preload="metadata" style="width:100%;">
<source src="https://lz.qaiu.top/parser?url=https://www.ilanzou.com/s/CDx6xKbT" type="video/mp4">
</video>
<!-- 指定封面图 -->
<video controls preload="metadata" poster="https://your-site.com/cover.jpg" style="width:100%;">
<source src="https://lz.qaiu.top/parser?url=https://www.ilanzou.com/s/CDx6xKbT" type="video/mp4">
</video>
2. 嵌入音频
2.1 Joe 主题 —— DPlayer 组件
如果你使用的是 Joe 主题，可以直接使用内置的 joe-dplayer 标签：
<joe-dplayer src="https://lz.qaiu.top/parser?url=https://www.ilanzou.com/s/ZH26x70f"></joe-dplayer>
效果预览：
2.2 HTML5 原生 audio 标签（通用）
适用于任意主题：
<audio controls preload="metadata" style="width:100%;">
<source src="https://lz.qaiu.top/parser?url=https://www.ilanzou.com/s/ZH26x70f" type="audio/mpeg">
您的浏览器不支持 audio 标签。
</audio>
效果预览：
3. WordPress 操作步骤
3.1 经典编辑器
- 打开文章编辑页面，切换到 「文本」 模式（非可视化模式）
- 在需要插入媒体的位置粘贴对应的 HTML 代码
- 切回「可视化」模式确认显示正常后发布
3.2 Gutenberg 块编辑器
- 点击 「+」 添加新块 → 选择 「自定义 HTML」
- 粘贴对应的 HTML 代码
- 点击 「预览」 确认效果后发布
3.3 Joe 主题短代码
Joe 主题用户在文章编辑器中直接写入 joe-dplayer 标签即可，主题会自动渲染播放器。
4. 快速参考
视频模板
<video controls preload="metadata" style="width:100%;">
<source src="https://lz.qaiu.top/parser?url=你的蓝奏云分享链接" type="video/mp4">
</video>
音频模板（通用）
<audio controls preload="metadata" style="width:100%;">
<source src="https://lz.qaiu.top/parser?url=你的蓝奏云分享链接" type="audio/mpeg">
</audio>
音频模板（Joe 主题）
<joe-dplayer src="https://lz.qaiu.top/parser?url=你的蓝奏云分享链接"></joe-dplayer>
注意事项
- 直链有效性：解析生成的直链可能有时效性，建议使用解析站的智能跳转地址（
parser?url=），解析站会自动处理链接刷新 - 跨域限制：部分浏览器可能因 CORS 策略限制播放，确保解析站已正确配置跨域响应头
- HTTPS：WordPress 站点如果启用了 HTTPS，嵌入的媒体链接也必须是 HTTPS，否则会被浏览器拦截（混合内容）
- 移动端兼容：iOS Safari 不支持
autoplay非静音视频，如需自动播放请同时添加muted属性