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 经典编辑器

1. 打开文章编辑页面，切换到 「文本」 模式（非可视化模式）
2. 在需要插入媒体的位置粘贴对应的 HTML 代码
3. 切回「可视化」模式确认显示正常后发布

3.2 Gutenberg 块编辑器

1. 点击 「+」 添加新块 → 选择 「自定义 HTML」
2. 粘贴对应的 HTML 代码
3. 点击 「预览」 确认效果后发布

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 属性