织梦如何正确添加播放器？-织梦建站-盈思创科技

使用DedeCMS自带的“频道模型”功能（推荐，最规范）

这是织梦官方提供的标准方法,最稳定、最规范，适合长期维护网站，它通过创建一个“视频”或“音乐”模型，将播放器直接集成到内容发布流程中。

（图片来源网络，侵删）

步骤1：创建新的频道模型

登录织梦后台,进入 【系统】-> 【频道模型】-> 【内容模型管理】。
点击 【增加一个新模型】。
模型名称：填写一个易于识别的名称，视频”或“音乐”。
模型表：系统会自动生成一个表名，如dede_addonvideo，无需修改。
字段列表：点击 【字段管理】，为你的新模型添加必要的字段。
- 必填字段：
  - vod_playurl (播放地址)：用于存放视频的实际播放文件地址（如MP4、FLV等）。
    - 字段名：vod_playurl
    - 字段类型：多媒体
    - 这是最重要的设置,选择此类型后，上传和填写播放地址时会自动出现上传按钮。
  - vod_downurl (下载地址)：如果需要，可以同样设置为多媒体类型。
- 可选字段：
  - vod_duration (视频时长)：用于显示视频长度。
    - 字段名：vod_duration
    - 字段类型：数字
    - 参数设置：小数位数设为 2，单位设为 分钟。
  - vod_actor (演员)：用于存放演员信息。
    - 字段名：vod_actor
    - 字段类型：文本
完成字段添加后,返回模型管理页面，点击 【生成HTML】，【保存】 模型。

步骤2：创建对应的栏目

进入 【栏目】-> 【添加栏目】**。
栏目名称：填写栏目名，如“电影”、“MV”。
栏目类型：选择 【频道】。
内容模型：务必选择 你刚刚创建的“视频”或“音乐”模型。
其他选项（如列表模板、文章模板）可以先使用默认的，稍后再修改。
点击 【确定】 保存。

步骤3：修改内容发布模板

这是让播放器显示出来的关键一步。

进入 【模板】-> 【默认模板管理】**。
找到你刚刚创建的栏目所对应的 页模板】（通常是 article_article.htm）。
点击模板名称进入编辑,找到 {dede:field.body/} 这个标签，这就是文章正文内容的位置。
（图片来源网络，侵删）

在 {dede:field.body/} 的上方或下方，添加以下代码来调用你自定义的字段：

<!-- 调用播放地址和时长 -->
<div class="video-player">
    <h3>视频播放</h3>
    <!-- 使用DedeCMS自带的播放器标签，它会根据你上传的文件类型自动选择播放器 -->
    {dede:field name='vod_playurl' function='GetPlayVideo(@me)'/}
    <!-- 如果你想显示视频时长 -->
    <p>视频时长：{dede:field.vod_duration/} 分钟</p>
</div>
<!-- 调用文章正文内容 -->
{dede:field.body/}

{dede:field name='vod_playurl' function='GetPlayVideo(@me)'/}：这行代码是核心，它会读取 vod_playurl 字段中的地址，并调用织梦内置的播放器进行解析和播放，支持MP4、FLV、MP3等多种格式。
{dede:field.vod_duration/}：直接调用你设置的“视频时长”字段。

步骤4：发布内容

进入你刚刚创建的“视频”栏目。
点击 【增加新内容】。
你会发现,发布文章的表单中出现了你自定义的字段，如“播放地址”、“视频时长”等。
上传或填写播放地址：点击“播放地址”字段的“浏览”按钮，上传你的视频/音频文件，或者直接填写网络URL。
、作者等信息，然后在正文编辑器中填写视频介绍等。
点击 【发布】。

你访问这篇内容的页面,就能看到播放器了。

使用第三方播放器插件（最灵活，功能强大）

如果你对织梦自带的播放器不满意（比如功能少、样式旧），或者需要支持更多格式（如M3U8直播流），可以使用第三方播放器插件。

常用播放器：

DPlayer：一款现代化的网页播放器，支持弹幕、字幕、HLS（m3u8）等，非常流行。
Video.js：一个成熟、强大的开源视频播放器库。
CKplayer：老牌的国内播放器，功能全面，使用简单。

以安装DPlayer为例：

下载DPlayer：从 DPlayer的GitHub页面下载最新版本，解压后得到 DPlayer.min.js 和 DPlayer.min.css 以及一个海报图片。
（图片来源网络，侵删）
上传文件：将 DPlayer.min.js 和 DPlayer.min.css 上传到你的织梦模板目录，/templets/你的模板名称/static/dplayer/。

修改模板：

进入 【模板】-> 【默认模板管理】，编辑你的 页模板】** (article_article.htm)。

在 <head> 标签内引入DPlayer的CSS文件：

<link rel="stylesheet" href="/templets/你的模板名称/static/dplayer/DPlayer.min.css">

在页面底部 </body> 标签之前，引入DPlayer的JS文件：

<script src="/templets/你的模板名称/static/dplayer/DPlayer.min.js"></script>

在 {dede:field.body/} 中合适的位置，添加一个用于放置播放器的 <div> 标签，并给它一个ID，dplayer-container。
```
<div id="dplayer-container" style="width: 100%; max-width: 800px; margin: 20px auto;"></div>
{dede:field.body/}
```

在引入JS文件的下方，添加初始化DPlayer的JavaScript代码，这里需要用到织梦的 {dede:field} 标签来获取播放地址。

<script>
// 等待文档加载完成
document.addEventListener('DOMContentLoaded', function() {
    // 获取播放地址，如果为空则不初始化播放器
    var playUrl = '{dede:field.vod_playurl/}';
    if (playUrl) {
        const dp = new DPlayer({
            element: document.getElementById('dplayer-container'),
            autoplay: false, // 是否自动播放
            theme: '#FADFA3', // 主题色
            loop: false, // 视频循环播放
            lang: 'zh-cn', // 语言
            screenshot: true, // 开启截图
            hotkey: true, // 开启热键
            preload: 'auto',
            video: {
                url: playUrl,
                // 如果是视频，可以添加封面图
                // pic: '/templets/你的模板名称/static/dposter.jpg'
            }
        });
    }
});
</script>

：和方法一一样，在发布文章时填写好 vod_playurl 字段。

编辑器中嵌入代码（最简单，但不推荐）

这种方法最直接,但非常不推荐用于正式网站，因为它破坏了内容的结构化，难以管理。

获取播放器代码：去视频网站（如B站、腾讯视频）找到你想嵌入的视频，点击“分享” -> “嵌入代码”，复制代码。
：
- 进入 】-> 】**。
- 在正文编辑器中,将复制的播放器代码粘贴到你想要的位置。
- 发布文章。

缺点：

依赖第三方：如果视频源网站更改了代码或视频被删除，你的播放器就会失效。
样式不统一：每个视频的样式可能都不同，影响网站美观。
无法管理：所有播放器信息都混杂在正文里，无法进行统一的管理和调用。

总结与建议

方法	优点	缺点	适用场景
自带频道模型	官方支持，最稳定，最规范，与系统无缝集成，利于SEO和内容管理	需要一定的初始设置，模板修改需要懂一些HTML	所有正式网站，特别是需要长期维护、内容量大的网站
第三方插件	功能强大，样式美观，支持更多格式（如HLS），可定制性极高	需要手动引入JS/CSS和编写JS代码，有一定技术门槛	对播放器功能、外观有较高要求的网站，如视频站、音乐站
直接嵌入代码	操作最简单，无需设置	不推荐，依赖第三方，样式混乱，难以管理，有失效风险	临时发布、个人博客、对网站要求不高的场合

强烈建议您使用【方法一】作为基础，如果对播放器有更高要求，再结合【方法二】进行功能增强。

织梦如何正确添加播放器？