dede如何正确添加视频代码?

99ANYc3cd6
预计阅读时长 12 分钟
位置: 首页 DEDE建站 正文

直接在文章内容中添加(最简单、最常用)

这是最直接的方法,适用于只需要在文章中嵌入一两个视频的场景。

dede添加视频代码
(图片来源网络,侵删)

步骤 1:获取视频代码

你需要先从视频网站(如B站、腾讯视频、优酷等)获取嵌入代码。

  • 以B站为例

    1. 打开你想要嵌入的视频页面。
    2. 点击视频下方的 “分享” 按钮。
    3. 在弹出的窗口中,点击 “嵌入代码”
    4. 你会得到一段 <iframe> 开头的代码。非常重要:复制这段代码后,去掉 src 属性中的 及后面的所有参数(如 ?high_quality=1 等),只保留视频ID的核心链接,这样可以避免样式冲突。
    5. 原始代码可能是:
      <iframe src="//player.bilibili.com/player.html?aid=170001" ...></iframe>
    6. 处理后,你应该得到类似这样的核心代码:
      <iframe src="//player.bilibili.com/player.html?aid=170001" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

      (注意:B站新版的嵌入代码已经是 <iframe> 格式,比较规范,如果是旧版的 <embed> 代码,同样适用此方法。)

  • 以腾讯视频/优酷为例: 它们通常提供一个 <iframe><embed> 标签,同样复制后,清理掉 src 中的无关参数即可。

    dede添加视频代码
    (图片来源网络,侵删)

步骤 2:在DedeCMS后台添加

  1. 登录你的DedeCMS后台。
  2. 进入 “核心” -> “内容发布” -> “添加文档”(或编辑已有文档)。
  3. 在文章编辑器中,切换到 “代码” 模式(通常是 </> 图标)。
  4. 将你刚才准备好的视频代码 粘贴 到文章内容中。
  5. 强烈建议:在代码前后最好加上 <p> 标签,以符合HTML规范,避免样式错乱。
    <p>
      <iframe src="//player.bilibili.com/player.html?aid=170001" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
    </p>
  6. 切换回 “源码”“设计” 模式,你应该能看到视频框了。
  7. 填写文章标题、栏目等信息,“提交”“发布”

优点:

  • 操作简单,直接。
  • 不需要修改任何模板文件。

缺点:

  • 如果文章中视频很多,手动粘贴会很麻烦。
  • 视频代码和文章内容混在一起,不利于统一管理和维护。

使用自定义字段(更灵活、推荐)

这种方法更专业,适合需要频繁发布视频的网站,它将视频链接和文章内容分离,管理更清晰。

步骤 1:添加自定义字段

  1. 在DedeCMS后台,进入 “频道” -> “内容模型管理”
  2. 找到你文章所在的模型(通常是“文章”),点击后面的 “更改”“字段管理”
  3. 点击 “添加新字段”
  4. 填写字段信息:
    • 字段名video (必须为小写,且不能使用中文)
    • 视频 (这个会在后台显示)
    • 字段类型大文本文本框 (重要!因为 <iframe> 代码很长)
    • 是否为空:根据需要选择,通常选“允许为空”。
    • 默认值:留空。
    • 字段说明:可以写“请粘贴视频嵌入代码”。
  5. 点击 “保存”,这样,你就为文章模型添加了一个名为 video 的自定义字段。

步骤 2:修改文章模板(article_article.htm)

这是最关键的一步,让前台页面能够调用这个新字段。

  1. 进入 “模板” -> “默认模板管理”

  2. 找到并打开 页模板” (通常是 article_article.htm)。

  3. 在你希望视频出现的位置(文章标题下方、内容上方),添加以下代码:

    {dede:field name='video' runphp='yes'}
    if(@me != '') {
        echo '<div class="dede-video">' . @me . '</div>';
    }
    {/dede:field}
    • 代码解释
      • {dede:field name='video'}:调用名为 video 的自定义字段。
      • runphp='yes':允许在模板中使用PHP代码。
      • if(@me != ''):判断这个字段是否为空,如果为空,就不显示任何东西,避免出现空白区域。
      • echo '<div class="dede-video">' . @me . '</div>';:如果字段不为空,则将其内容包裹在一个 div 中并输出,你可以给这个 div 添加CSS样式,比如居中、设置最大宽度等。

步骤 3:发布文章

  1. 进入 发布” -> “添加文档”
  2. 你会发现,除了常规的标题、内容等,多了一个 “视频” 的输入框。
  3. 将你准备好的视频代码 直接粘贴 到这个“视频”输入框中。
  4. 填写其他信息,“发布”

优点:

  • 内容分离:视频代码和文章正文分开,管理非常清晰。
  • 灵活性高:可以在模板的任何位置通过调用字段来显示视频。
  • 维护方便:如果需要修改所有视频的样式,只需修改CSS即可。

缺点:

  • 需要修改模板文件,对新手稍有门槛。

使用DedeCMS视频插件(功能最强)

如果你需要一个功能更强大的视频系统,比如视频专辑、播放列表、视频分类等,可以考虑使用专门的DedeCMS视频插件。

市面上有很多优秀的视频插件,Max电影系统”、“CmsEasy视频插件”等。

优点:

  • 功能强大:通常自带视频上传、转码、专辑管理、播放器皮肤等功能。
  • 专业度高:为视频网站量身定做,用户体验更好。
  • 集成度高:与DedeCMS系统无缝集成。

缺点:

  • 可能需要付费:优质插件通常是商业软件。
  • 需要安装和配置:比前两种方法复杂,需要一定的技术基础。

总结与建议

方法 优点 缺点 适用场景
直接添加 简单快捷,无需修改文件 混杂,管理不便 偶尔发视频的个人博客或小型网站
自定义字段 灵活专业,内容分离,便于维护 需要修改模板文件 需要频繁发布视频的中大型网站,强烈推荐
视频插件 功能强大,专业视频网站体验 可能收费,安装配置复杂 需要构建专业视频门户或视频点播网站

对于绝大多数用户来说,方法二(自定义字段)是最佳选择,它在易用性和灵活性之间取得了完美的平衡,是DedeCMS处理视频内容的标准做法。

-- 展开阅读全文 --
头像
幻灯片不滚动,织梦问题出在哪?
« 上一篇 04-24
dede分类信息点击如何实现?
下一篇 » 04-24

相关文章

取消
微信二维码
支付宝二维码

目录[+]