跳到主要内容
文档扩展

文档视频

给文档挂视频:支持封面、外链或嵌入地址,前台随文章播放。

文档视频
文档扩展

文档视频

官方自营 安全检测

doc_vod

给文档挂视频:支持封面、外链或嵌入地址,前台随文章播放。

咨询 后台安装

商品属性

品牌官方插件
语言PHP 8.1+
数据库MySQL 5.7+ / MariaDB
环境PivArk 1.5+ · weapp 标装
类型文档扩展
版本v1.0.0
编码UTF-8
交付方式官方插件 · 授权安装

商品介绍

文档视频是做什么的?

为文章挂载可播放的视频:支持多条外链嵌入,也支持点播剧集(选集、试看、付费、多线路、续播)。前台用 一块输出,模板怎么写请看「前台调用说明」Tab。

适合教程站、影视解说、付费课程、企业宣传片等需要在正文旁展示视频的场景。

核心能力

  • 嵌入条目:粘贴 B 站 / YouTube / mp4 等地址,自动 16:9 播放器;
  • 点播剧集:剧集 + 单集 + 多线路;登录/等级/单集付费/全集付费;
  • 试看与转化:可设试看秒数,结束引导登录或购买;
  • 会员观影:「我的观影」续播;「我的购买」查视频订单;
  • 智能粘贴:发布页粘贴视频页 URL,可走插件解析(与内核剪贴板引导配合)。

典型场景

嵌入条目与点播剧集两种用法
左:轻量外链列表;右:连载课程 / 付费剧。

站长怎么用(建议 5 步)

基础设置、维护视频、点播、验收
  1. 在「基础设置」打开插件,配置影视会员等级、外置解析 API(按需)、平台 Cookie(番剧等)。
  2. 发布页展现」选独立 Tab 或嵌入正文;在文章发布页的「文档视频」面板维护内容。
  3. 嵌入模式:在「嵌入条目」或发布面板添加播放地址与封面。
  4. 点播模式:在文档发布页「文档视频」Tab 粘贴主播放地址即可;也可空白处 Ctrl+V 快速加集。权限/试看/备用线路收在「更多设置」。复杂批量仍可去插件中心「点播剧集」。
  5. 确认主题详情页已放 ,用有数据 / 无数据各测一篇;窄屏看 16:9 是否正常。

双轨怎么选?

方式后台入口适合
嵌入条目嵌入条目 / 发布页多条 URL单篇几个外链,不涉及付费选集
点播剧集点播剧集 → 单集连载、试看、付费、多线路、续播

同一文档若绑定了启用中的点播单集,前台 优先点播 UI;否则显示嵌入列表。

访客在前台看到什么?

  • 嵌入:每条视频 16:9 画面 + 标题;
  • 点播:选集列表,点击后加载播放器;可切换线路、试看提示、登录/购买按钮;
  • 登录用户:可从上次进度续播(会员中心「我的观影」也有入口);
  • 未配置 / 插件关闭 / 无数据:整块不出现

运营与维护

  • 运营统计」查看播放趋势、热门单集、解析失败;
  • 解析平台规则变更时,在「解析平台自检」中排查并更新 Cookie / API 配置。

常见问题(站长视角)

  • 为什么前台没有视频? 检查插件开关、文章是否有关联条目或单集、单集是否启用。
  • 为什么还是外链列表而不是选集? 单集需填写「文档 ID」且状态启用;迁移后确认 document_id 正确。
  • 试看结束不能播? 属预期,需登录或购买;可在单集/剧集设置价格与试看秒数。
  • 手机端播放器变形? 使用默认模板或保留 pv-vod-embed-ratio / pv-video-embed 结构,勿给 iframe 写死宽高。
doc_vod document-addon

使用说明

写给主题 / 前端

文章详情页模板插入

点播选集:默认请保持空标签,由插件输出 pv-vod-layout(左 data-pv-vod-player,右选集含 / 等)。自定义内层模板时走旧版竖排 pv-vod-list--legacy


并自动登记 weapp/doc_vod/assets/css/vod.cssweapp/doc_vod/assets/js/player.js,由页脚 输出。

标签属性

属性说明
id / document_id / aid文章 ID,详情页必填其一
(不写)自动取当前页 document_id(仅详情页)

循环变量 · 嵌入条目

变量含义说明
标题纯文本,需自行转义时勿重复包 HTML
播放器 HTML已含 pv-vod-embed-ratio 16:9 容器,原样输出
播放页 URL直链或平台页
封面绝对 URL
来源如 embed

循环变量 · 点播单集

变量含义
单集 ID(data-episode-id
剧集 ID
/ 标题 / 集号
权限提示文案(如试看、购买)
是否已允许播放(0/1,列表态)
封面 URL(可选展示)

实际片源、线路、试看、广告点由脚本请求播放 API 后注入,不要在模板里写死 <video src>

前台效果示意

手机端选集与多线路示意
点播:选集 + 线路切换 + 16:9 播放器;样式可用主题 CSS 覆盖。

播放相关 API(自建 UI 时用)

方法路径说明
GET/api/v1/plugins/doc_vod/play?episode_id=鉴权后的播放 payload(sources、试看、进度、广告点)
POST/api/v1/plugins/doc_vod/progress保存续播位置(需登录 + CSRF)
POST/api/v1/plugins/doc_vod/checkout/episode单集下单
POST/api/v1/plugins/doc_vod/checkout/series全集下单
GET/api/v1/plugins/doc_vod/grants我的授权列表

HLS 多清晰度

  • 播放地址请使用 master.m3u8(主清单,内含多码率子流);单条 media m3u8 仅一路清晰度。
  • 跨域:Chrome/Edge 用 hls.js 拉流,片源 CDN 须返回 Access-Control-Allow-Origin(或走同源代理)。无 CORS 的测试流(如 Apple BipBop)在浏览器会报「HLS 播放失败」。
  • CSP:前台若自定义安全头,须含 connect-srcmedia-src https:worker-src blob:(hls.js 解复用 Worker)。内核默认已在 app/home/controller/Base.php 配置。
  • Chrome / Edge / Firefox(hls.js):解析成功后显示 自动 / 1080p / 720p … 按钮组(class pv-vod-quality)。
  • Safari 系统播放器:可播 HLS,但通常不展示清晰度切换(依赖系统自适应)。

多片源:同一单集可添加多条线路(爱奇艺 / 哔哩哔哩 / 本地等),填写「显示名」与链接;前台右侧「片源」区切换,选集行显示「N 源」。验收 fixture 第 1 集自带 B站 + 直链 双线路,灌数后即可对照切换。

爱奇艺 / 优酷 / 腾讯:普通播放页(iqiyi.com/v_…不能像 B 站 BV 一样直接嵌;须在视频页点「分享」复制通用代码里的 iframe src=…open.iqiyi.com… 填到线路。否则前台会提示「前往爱奇艺观看」。

没有自有片源时(验收用):后台单集线路可暂时填下面任一公开测试地址,仅用于确认清晰度按钮,与卖刀等业务无关。

https://storage.googleapis.com/shaka-demo-assets/angel-one-hls/hls.m3u8

CLI 多码率自检(无 CORS,勿用于浏览器):https://devstreaming-cdn.apple.com/videos/streaming/examples/img_bipbop_adv_example_ts/master.m3u8 · php devtools/daily/scripts/verify_video_hls_master_cli.php

样式钩子(自适应)

样式由插件登记至 (路径 /weapp/doc_vod/assets/css/vod.css)。主题覆盖示例:

/* 整块宽度 */
.pv-doc-video__list { max-width: 960px; margin-inline: auto; }
/* 嵌入 16:9(勿去掉内层 ratio) */
.pv-video-embed .pv-vod-embed-ratio { border-radius: 12px; }
/* 点播选集 */
.pv-vod-ep--active { border-color: var(--theme-primary); }
/* 窄屏线路按钮全宽 */
@media (max-width: 576px) {
  .pv-vod-sources .btn { width: 100%; }
}

禁止 内 iframe 写死 width/height 像素值,否则会破坏 16:9。

什么时候整段不输出?

  • 插件未启用或未安装;
  • 该文无嵌入条目且无启用中的点播单集;
  • id 无效。

自检清单

  1. 仅有嵌入条目的文章 → 多条 16:9,手机竖屏不变形;
  2. 绑定点播单集的文章 → 出现选集,点击能播、可切线路;
  3. 无视频的文章 → 无空白占位;
  4. 付费/试看单集 → 拒绝态或试看结束出现登录/购买按钮。

升级日志

v1.0.x · 2026-07-17
  • 文档发布页 Tab:粘贴链接自动识别 B站 / 爱奇艺 / 优酷 / 腾讯 / YouTube / 直链;爱奇艺页链即时提示须用分享 iframe
  • 片源下拉补爱奇艺 / 优酷 / 腾讯;顶栏引导 tip
  • 验收 fixture 第 1 集:B站样例 + mp4 直链双线路,前台可切「N 源」
v1.0.x · 2026-07-16
  • 文档发布页 Tab:主播放址置顶;权限/试看/备用线路折叠;Ctrl+V 粘贴链接快速加集
  • 本剧默认权限 chip 化;去掉「剧集管理」外链(批量仍走插件中心)
  • 修复:模板字符串吞掉正则 `\/\/` 导致 Tab 一直「加载中」
v1.0.0
  • 文档挂载视频条目,封面与外联/嵌入地址
  • 文档编辑器 inline 视频 Tab 与 `` 标签
  • 会员中心「我的观影」已购授权入口

购买与安装

  1. 登录官网会员,在本页右侧选择限时免费套餐完成开通(到期后须续费或升级)。
  2. 用户中心 → 我的授权 绑定客户站域名并同步到站点后台。
  3. 客户站 → 应用市场 搜索 doc_vod 在线安装并启用。

交易须知

  • 交付形式官方插件 · 授权安装;通过应用市场安装,不提供独立源码包下载。
  • 授权范围插件授权绑定单个站点域名;小程序类 SKU 规则以套餐说明为准。
  • 限时免费免费授权含有效期,到期后功能受限;续费或升级付费套餐可继续使用。
  • 退款规则请确认功能需求后再购买;非功能缺陷恕不退款。
  • 官方保障官方插件由元舟提供安装指导与技术支持。

先试用,再决定授权方式

开源版免费下载、源码可私有化部署。需要升级保障与企业支持?查看定价对比预约演示