使用第三方视频平台嵌入(最推荐、最简单)
这是最常用、最稳定、最省心的方法,您将视频上传到专业的视频托管平台(如腾讯视频、Bilibili、优酷等),然后获取嵌入代码,粘贴到您的织梦网站中。

(图片来源网络,侵删)
优点:
- 节省服务器资源: 视频不占用您自己的网站空间和带宽。
- 加载速度快: 视频平台的CDN(内容分发网络)能让用户快速播放视频。
- 功能丰富: 平台自带播放器、弹幕、倍速、清晰度切换等功能。
- SEO友好: 部分平台(如B站)的视频本身可以被搜索引擎收录。
缺点:
- 平台依赖: 如果视频平台服务不稳定或更改了嵌入规则,可能会影响您网站上的视频。
- 品牌广告: 免费版的播放器可能会有平台自身的Logo或广告。
详细操作步骤(以腾讯视频和Bilibili为例):
上传视频到平台
- 腾讯视频: 访问 v.qq.com,登录您的账号,点击“上传”按钮,将您的视频文件上传。
- Bilibili: 访问 bilibili.com,登录您的账号,点击“投稿”,选择“视频投稿”,上传您的视频。
获取嵌入代码

(图片来源网络,侵删)
-
腾讯视频:
- 视频上传并审核通过后,点击进入视频播放页面。
- 点击视频下方的“分享”按钮。
- 在弹出的窗口中,选择“嵌入”选项。
- 您可以选择播放器尺寸,然后复制下方的
<iframe>代码。
-
Bilibili:
- 视频上传并发布后,点击进入视频播放页面。
- 将鼠标悬停在视频的右下角,会出现一个“分享”图标。
- 点击“分享”,在弹出的窗口中点击“嵌入代码”。
- 复制弹出的
<iframe>代码。
在织梦CMS中嵌入代码
您可以在文章内容、自定义页面、或者频道页面的内容中嵌入视频。

(图片来源网络,侵删)
-
场景A:在文章内容中添加
- 登录织梦后台,进入“核心” -> “内容模型管理” -> “普通文章” -> “增加附加字段”。
- 创建一个新的字段,
video_code,字段类型选择“多行文本”,用于存放视频的<iframe>代码。 - 发布文章时,将刚才复制的
<iframe>代码粘贴到这个新字段中。 - 在文章模板(通常是
article_article.htm)中,通过{dede:field.video_code/}调用并显示这段代码。
-
场景B:直接在文章内容中添加(最常用)
- 在后台发布或编辑文章。
- 将鼠标光标定位到您想插入视频的位置。
- 点击编辑器工具栏上的 “源代码” 或 “<>” 图标。
- 在弹出的代码框中,将您复制的
<iframe>代码粘贴进去。 - 点击“确定”,然后保存文章,在前台页面,视频就会正常显示了。
使用HTML5的 <video> 标签直接上传(最独立)
如果您的视频文件不大,或者您希望完全自主控制视频,可以选择将视频文件直接上传到您的网站服务器,然后使用HTML5的 <video> 标签来播放。
优点:
- 完全自主: 不依赖任何第三方平台,视频完全由自己控制。
- 无平台广告: 播放器干净,可以自定义样式。
缺点:
- 占用服务器资源: 视频文件会占用您服务器的存储空间。
- 消耗带宽: 每次播放都从您的服务器读取,会消耗大量流量,可能导致网站速度变慢。
- 兼容性: 需要考虑不同浏览器对视频编码(如MP4, WebM, OGG)的支持。
详细操作步骤:
上传视频文件到服务器
- 通过FTP工具连接到您的网站服务器。
- 找到织梦网站的模板目录,通常是
/templets/。 - 在
templets目录下创建一个新文件夹,videos,用于存放所有视频文件。 - 将您的视频文件(建议使用MP4格式,兼容性最好)上传到
/templets/videos/文件夹中。
在织梦后台插入代码
-
在后台编辑文章时,同样点击编辑器的 “源代码” 图标。
-
插入以下HTML代码,并根据您的实际情况修改路径:
<video width="800" height="450" controls="controls" poster="/templets/videos/video-poster.jpg"> <source src="/templets/videos/您的视频文件.mp4" type="video/mp4" /> 您的浏览器不支持 video 标签,请升级浏览器。 </video>width和height:设置视频播放器的宽度和高度。controls="controls":显示播放控件(播放/暂停、进度条、音量等)。poster:视频播放前显示的封面图,建议也上传到服务器并填写路径。<source>:指定视频文件的路径和类型,为了更好的兼容性,可以提供多个格式:<video width="800" height="450" controls poster="/templets/videos/video-poster.jpg"> <source src="/templets/videos/您的视频文件.mp4" type="video/mp4" /> <source src="/templets/videos/您的视频文件.webm" type="video/webm" /> <source src="/templets/videos/您的视频文件.ogv" type="video/ogg" /> 您的浏览器不支持 video 标签,请升级浏览器。 </video>
使用织梦视频插件(功能强大)
如果您网站的视频教程很多,需要一个专门的视频频道、分类、播放等功能,可以考虑使用织梦的视频插件。
优点:
- 功能集成: 提供完整的视频发布、管理、分类、播放、评论等功能。
- 体验好: 通常有专门的视频模板和播放器,用户体验更佳。
- SEO优化: 内置针对视频的SEO优化功能。
缺点:
- 需要安装: 需要下载、安装和配置插件,有一定技术门槛。
- 可能不兼容: 部分旧插件可能与您当前的织梦版本不兼容。
操作步骤(通用流程):
- 寻找插件: 在织梦官方论坛、DedeCMS吧、或一些插件下载网站(如模板王、织梦吧等)搜索“织梦视频插件”。
- 下载安装包: 下载适合您织梦版本的插件安装包。
- 上传安装: 按照插件的说明文档,将文件上传到网站指定目录,然后在后台进行安装。
- 配置插件: 进入插件管理界面,进行相关配置,如视频分类、播放器设置、权限等。
- 使用: 像发布普通文章一样,通过插件的后台发布新的视频教程。
总结与建议
| 方法 | 优点 | 缺点 | 适用场景 |
|---|---|---|---|
| 第三方平台嵌入 | 简单、稳定、省资源、功能多 | 依赖平台、可能有广告 | 绝大多数网站的首选,尤其是个人博客、企业官网。 |
HTML5 <video> |
完全自主、无广告 | 耗资源、影响速度、兼容性要求高 | 视频很少、文件很小、且追求完全控制的网站。 |
| 织梦视频插件 | 功能强大、体验好、SEO友好 | 安装复杂、可能不兼容 | 为核心业务,需要专业视频网站功能的站点。 |
给您的最终建议:
- 如果您是新手,或者只是偶尔添加一两个视频教程,请毫不犹豫地选择方法一(第三方平台嵌入),这是最省心、最高效的方案。
- 如果您是技术爱好者,或者视频文件非常小,可以尝试方法二(HTML5
<video>,体验一下自主控制的乐趣。 - 如果您计划做一个专业的视频教程网站,那么方法三(织梦视频插件)是您的最佳选择,但要做好学习和配置的准备。
