织梦本身不带视频播放器,但通过插件或手动修改代码,可以非常方便地实现,核心思路是:前端使用HTML5的 <video> 标签,后端织梦负责管理视频文件并提供播放链接。

(图片来源网络,侵删)
我将为您提供两种主流且推荐的方法:
- 使用现成的织梦视频插件(最简单,推荐新手)
- 手动修改织梦,集成HTML5播放器(最灵活,推荐有一定基础的用户)
使用现成的织梦视频插件(最简单)
这是最快、最省心的方法,有很多优秀的第三方插件可以一键集成,它们通常自带播放器皮肤、支持多种格式,并提供了便捷的后台管理功能。
推荐插件类型:
- DedeCMS专用视频播放器插件:在织梦官方论坛、Dede模板网、CodeCanyon等平台搜索关键词可以找到。
- 基于成熟播放器(如DPlayer、JW Player)的织梦封装插件:这类插件通常性能好、功能强大。
操作步骤(以通用插件为例):
-
下载插件:
- 从可靠的来源下载一个织梦视频播放器插件,请确保下载的插件版本与您的织梦版本(如DedeCMS V5.7/V5.8/V5.9/V6.0)兼容。
- 注意:务必从信誉好的网站下载,避免携带后门病毒。
-
上传插件文件:
(图片来源网络,侵删)- 解压下载的插件包。
- 通过FTP工具,将插件包内的文件上传到您的织梦网站根目录下的对应文件夹。
- 通常包含
/include/、/templets/、/static/等文件夹,请根据提示上传到相应位置。 - 有些插件会提供一个独立的安装文件,如
install.php。
- 通常包含
-
安装插件:
- 登录您的织梦后台。
- 如果插件有
install.php文件,直接在浏览器中访问http://您的域名/install.php,根据提示进行安装。 - 如果没有独立的安装文件,通常需要手动在后台进行注册,进入“系统” -> “系统基本参数” -> “模块设置”,有时会看到相关选项,或者按照插件的说明文档进行操作。
-
使用插件:
- 发布文章时:在写文章或编辑文章的页面,您会发现编辑器工具栏上多了一个“插入视频”或类似的图标。
- 点击该图标,会弹出一个窗口,让您选择或输入视频的地址。
- 关键步骤:您需要选择“上传本地视频”或“使用本地视频”选项(插件名称可能不同,但功能类似)。
- 上传您的视频文件,插件通常会将视频文件存放在一个指定的目录,
/uploads/video/。 - 插件会自动生成一段包含播放器代码的HTML标签,您只需点击确定,这段代码就会被插入到文章内容中。
-
前台播放:
保存文章并生成页面,然后在前台访问该文章,您就可以看到嵌入的视频播放器了。
优点:
- 操作简单,一键安装,开箱即用。
- 通常自带美观的播放器皮肤和基础功能(如播放/暂停、进度条、音量控制)。
- 对新手非常友好。
缺点:
- 功能可能受限,不如自定义的灵活。
- 插件可能存在兼容性问题或安全风险(需选择可靠的来源)。
手动修改织梦,集成HTML5播放器(最灵活)
这种方法不依赖第三方插件,直接利用现代浏览器支持的HTML5 <video> 标签,完全由您自己控制,优点是轻量、免费、功能强大且灵活。
核心思路:
- 在织梦后台允许上传视频文件。
- 页模板中,使用
{dede:field.body/}调用文章内容。 - 编写一个简单的PHP函数,自动检测文章内容中的视频文件(通过文件后缀名),并将其替换为HTML5的
<video>播放器代码。
详细操作步骤:
第1步:设置织梦后台,允许上传视频文件
- 登录织梦后台。
- 进入“系统” -> “系统基本参数” -> “上传设置”。
- 找到“附件类型”和“媒体类型”的设置项。
- 在“媒体类型”中,确保添加了常见的视频格式,如
mp4, flv, webm, ogg。- 将
媒体类型的值修改为:image,audio,video,flash,media - 将
媒体允许扩展名的值修改为:mp3,wma,wav,mid,rm,rmvb,mp4,flv,webm,ogg
- 将
- 保存设置。
第2步:创建一个用于视频播放的自定义函数
-
在织梦网站根目录下的
/include/文件夹中,创建一个新的PHP文件,命名为video.func.php。 -
在
video.func.php文件中,粘贴以下代码:<?php /** * 织梦DedeCMS文章内容中的本地视频自动替换为HTML5播放器 * @param string $body 文章内容 * @return string 替换后的内容 */ function ReplaceVideo($body) { // 定义支持的视频格式 $video_formats = array('mp4', 'webm', 'ogg', 'flv'); // 匹配织梦默认的文章内容中的图片/附件标签,{dede:img text=''}{/dede:img} 或 {dede:field name='litpic'/} // 这里我们简化处理,直接查找视频文件链接,您可以根据实际情况调整正则表达式。 // 这个正则会查找类似 /uploads/video/xxx.mp4 这样的链接 $pattern = '/\/uploads\/[^\s\'"]*\.(' . implode('|', $video_formats) . ')/i'; if (preg_match_all($pattern, $body, $matches)) { foreach ($matches[0] as $video_url) { // 获取视频文件的完整URL $video_src = 'http://' . $_SERVER['HTTP_HOST'] . $video_url; // 获取视频文件名,用于作为视频标题 $video_name = basename($video_url); // 构建HTML5 video标签 // 注意:这里使用了 controls 属性来显示播放控件。 // 您还可以添加其他属性,如 autoplay, loop, muted, poster等。 $video_player = '<video controls width="100%" height="auto" preload="metadata"> <source src="' . $video_src . '" type="video/mp4"> 您的浏览器不支持 HTML5 视频,请升级浏览器或使用 <a href="' . $video_src . '">下载链接</a> 观看。 </video>'; // 将文章内容中的旧URL替换为新的播放器代码 // 为了避免重复替换,我们用一个临时标记替换掉 $temp_mark = '###VIDEO_REPLACED_' . md5($video_url) . '###'; $body = str_replace($video_url, $temp_mark, $body); // 再将临时标记替换为最终的播放器代码 $body = str_replace($temp_mark, $video_player, $body); } } return $body; } ?>
第3步:在文章内容页模板中调用该函数
-
找到您正在使用的文章内容页模板文件,通常位于
/templets/您的模板名称/目录下,文件名为article_article.htm。 -
用文本编辑器打开
article_article.htm。 -
找到
{dede:field.body/}这一行,这是调用文章正文内容的地方。 -
将其修改为:
{dede:field.body function='ReplaceVideo(@me)'/}- 解释:这里的
function='ReplaceVideo(@me)'是织梦模板的一个强大功能,它表示在输出{dede:field.body/}的内容之前,先调用include目录下的video.func.php文件中的ReplaceVideo函数,并把body的内容作为参数传递进去,函数处理完后再返回最终内容。
- 解释:这里的
第4步:上传视频并测试
- 登录织梦后台,进入“添加新文章”页面。
- 点击“上传文件”按钮,选择一个本地的MP4视频文件进行上传。
- 上传成功后,您会在编辑器中看到视频文件的链接,它通常是一段类似
[vodplayer]...[/vodplayer]的标签或者直接是图片占位符。这没关系,我们的函数会直接在最终生成的HTML页面中查找并替换视频文件的URL。 - 发布文章。
- 在前台访问这篇文章,您应该就能看到一个可以正常播放的HTML5视频播放器了。
优点:
- 完全免费,无插件依赖。
- 代码轻量,对网站性能影响小。
- 高度灵活,您可以自由修改
video.func.php文件来定制播放器样式、添加更多功能(如弹幕、倍速播放等)。 - 符合Web标准,兼容性好。
缺点:
- 需要手动编写和修改代码,对新手有一定门槛。
- 需要自己处理一些特殊情况(比如不同视频格式的兼容性)。
总结与建议
| 特性 | 使用插件 | 手动集成HTML5播放器 |
|---|---|---|
| 易用性 | ⭐⭐⭐⭐⭐ (非常简单) | ⭐⭐ (需要一定技术基础) |
| 灵活性 | ⭐⭐ (通常有限) | ⭐⭐⭐⭐⭐ (完全自定义) |
| 成本 | 可能需要购买或担心免费插件风险 | 完全免费 |
| 性能 | 取决于插件质量 | 通常较好,代码精简 |
| 推荐人群 | 网站新手、追求快速上线、不想碰代码的用户 | 有一定PHP/HTML基础、追求网站性能和定制化的用户 |
对于大多数用户,我强烈推荐从方法一开始,如果找不到合适的插件,或者对网站性能和定制化有更高要求,再选择方法二,方法二虽然步骤稍多,但一旦配置好,会非常稳定和强大。
