织梦后台视频播放模型

核心概念：自定义模型

织梦CMS的核心内容是“文章”，默认的“文章模型”包含标题、作者、来源、内容、图片等字段，但视频内容有其特殊性，比如需要一个视频地址、视频时长、演员信息等，自定义模型就是用来扩展这些字段的，让你可以为不同类型的内容（如视频、软件、商品、小说）定制专属的字段和发布流程。

第一步：创建视频内容模型

这是最关键的一步,你需要登录织梦后台，创建一个全新的模型来承载视频信息。

操作路径： 后台 -> 核心 -> 内容模型管理 -> 模型

详细步骤：

1. 进入模型管理界面：

   
   （图片来源网络，侵删）
   • 在后台菜单中找到“核心” -> “内容模型管理”。
   • 点击右上角的“增加内容模型”按钮。

2. 填写模型信息：

   • 模型名称：填写一个清晰的名字，视频”或“影视”。
   • 表前缀：系统会自动生成，如dede_addonvideo，通常不需要修改。
   • 模型类型：选择“普通文章”。（注意：虽然叫“普通文章”，但你可以通过自定义字段让它变得非常强大，专门用于视频）。
   • 内容目录：选择一个主栏目，用于存放这个模型生成的文章，这个栏目本身不需要发布内容，它更像一个“模型容器”。
   • 字段目录：选择一个栏目，用于存放模型的自定义字段，同样，这个栏目也不需要发布内容。
   • 是否启用：务必勾选“是”，否则无法使用。
   • 是否允许投稿：根据你的需求选择，如果允许用户上传视频，可以勾选，但需要做好安全审核。
   • 列表命名规则：可以使用默认的，也可以自定义，{typedir}/video-{aid}.html。
   • 命名规则：同上，定义文章详情页的URL格式。

3. 点击“提交”：

   一个基础的视频模型已经创建好了,它和默认的文章模型没什么区别，因为它还没有视频专属的字段。

第二步：添加自定义字段

模型创建成功后,我们需要为它添加专门用于视频的字段。

操作路径： 后台 -> 核心 -> 内容模型管理 -> 选择你刚创建的“视频”模型 -> 管理字段

推荐添加的字段：

添加字段步骤（以“视频地址”为例）：

1. 点击“增加字段”。
2. 字段名称：填写“视频地址”。
3. 字段标识：填写“video_url”，这是在模板中调用的关键，务必使用英文小写和下划线。
4. 字段类型：选择“多媒体”，这个类型会提供一个文件上传按钮，并支持填写外部URL。
5. 默认值：留空。
6. 数据校验：可以设置为“不为空”。
7. 其他选项：根据需要设置，如是否在列表页显示等。
8. 点击“保存”。

重复以上步骤,添加“视频封面”、“演员”等其他字段。

第三步：创建栏目并关联模型

模型和字段都准备好了,现在需要一个栏目来使用它。

操作路径： 后台 -> 栏目管理 -> 增加顶级栏目

操作步骤：

1. 栏目名称：电影”或“在线视频”。
2. 栏目目录：movie 或 video，用于生成URL。
3. 模型：这是最关键的一步！ 你必须选择你刚刚创建的“视频”模型。
4. 栏目属性：选择“最终列表栏目”或“封面列表栏目”。
5. 其他选项：根据需要填写，如栏目介绍、SEO标题等。
6. 点击“确定”。

你可以在该栏目下发布文章了,进入“内容发布” -> “”，你会发现发布界面出现了你自定义的字段，如“视频地址”、“视频封面”等。

第四步：前台模板制作与调用

最后一步,也是展示成果的一步，就是修改前台模板，让视频能够正确播放和显示。

修改列表页模板 (list_栏目ID.htm)

在列表页,你需要显示视频的标题、封面和简介。

{dede:list pagesize='10'}
    <div class="video-item">
        <!-- 调用视频封面，如果没有则调用文章缩略图 -->
        <a href="[field:arcurl/]">
            <img src="[field:litpic/]" alt="[field:title/]" onerror="this.src='your-default-image.jpg'">
        </a>
        <h3><a href="[field:arcurl/]">[field:title/]</a></h3>
        <!-- 调用自定义字段，如演员、年份 -->
        <p>主演：[field:actor/]</p>
        <p>年份：[field:year/]</p>
        <!-- 调用自定义简介 -->
        <p>[field:intro function='cn_substr(@me, 100)'/]...</p>
    </div>
{/dede:list}

修改文章详情页模板 (article_栏目ID.htm)

这是最重要的部分,需要在这里实现视频播放。

方案A：直接播放本地上传的视频（推荐）

如果你的视频是上传到服务器的,可以使用HTML5的<video>

<h1>[field:title/]</h1>
<!-- 视频播放区域 -->
<div class="video-player">
    <video id="my-video" class="video-js" controls preload="auto" width="100%" height="400"
        poster="[field:video_cover/]" data-setup="{}">
        <source src="[field:video_url/]" type="video/mp4">
        <p class="vjs-no-js">
            To view this video please enable JavaScript, and consider upgrading to a web browser that
            <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>.
        </p>
    </video>
</div>
<!-- 视频信息 -->
<div class="video-info">
    <p><strong>导演：</strong>[field:director/]</p>
    <p><strong>主演：</strong>[field:actor/]</p>
    <p><strong>地区：</strong>[field:area/]</p>
    <p><strong>年份：</strong>[field:year/]</p>
    <p><strong>类型：</strong>[field:video_type/]</p>
    <p><strong>简介：</strong>[field:content function='htmlspecialchars_decode(@me)'/]</p>
</div>

<!-- 在详情页模板中直接输出HTML代码 -->
<div class="video-player">
    [field:video_url/]
</div>