织梦首页调用优酷视频

99ANYc3cd6
预计阅读时长 13 分钟
位置: 首页 织梦建站 正文
  1. 使用优酷官方提供的 iframe 嵌入代码(最简单、推荐)
  2. 使用DedeCMS的“视频模型”或“自定义模型”(更灵活,但稍复杂)

对于绝大多数用户,方法一 是最简单、最直接、也是最稳定的选择,下面我将详细介绍这两种方法。

织梦首页调用优酷视频
(图片来源网络,侵删)

使用优酷官方提供的 iframe 嵌入代码(最推荐)

这种方法的核心思想是,你不需要修改织梦的程序,只需要在首页模板文件中,像编辑普通网页一样,插入一段优酷给你的代码即可。

操作步骤:

第一步:获取优酷视频的嵌入代码

  1. 打开你想要嵌入的优酷视频页面。
  2. 在视频播放器的下方,找到 “分享” 按钮,点击它。
  3. 在弹出的分享窗口中,选择 “嵌入” 选项。
  4. 你会看到两种嵌入方式,我们选择 iframe 方式,这种方式更标准,兼容性更好。
  5. 复制 iframe 标签中的全部代码,代码通常是这样的:
    <iframe 
        height="498" 
        width="510" 
        src="https://player.youku.com/embed/XNDAxNDYwNDM2MA==" 
        frameborder="0" 
        'allowfullscreen'>
    </iframe>

    你可以在这里调整视频的 高度宽度

第二步:登录织梦后台,修改首页模板

织梦首页调用优酷视频
(图片来源网络,侵删)
  1. 登录你的织梦DedeCMS后台。
  2. 在左侧菜单栏中,找到并进入 【模板】 -> 【默认模板管理】
  3. 在模板列表中,找到首页模板文件,通常是 index.htm,点击后面的 【修改】 按钮。

第三步:在模板中插入代码

  1. index.htm 文件中,找到你想要显示视频的位置(一个专门的视频展示区域)。
  2. 将你第一步复制的 iframe 代码,原封不动地粘贴进去。
  3. 保存模板。

第四步:生成首页

  1. 修改完模板后,返回到织梦后台首页。
  2. 在左侧菜单栏中,找到并进入 【主页】 -> 【主页更新管理】
  3. 点击 【更新主页】 按钮,织梦会根据你修改后的新模板重新生成首页。

你刷新你的网站首页,就能看到你嵌入的优酷视频了。


使用DedeCMS的自定义模型(更灵活)

如果你希望在后台像管理文章一样管理视频,比如有标题、缩略图、视频地址等多个字段,那么可以创建一个自定义模型,这种方法更灵活,但设置起来也更复杂。

织梦首页调用优酷视频
(图片来源网络,侵删)

操作步骤:

第一步:创建自定义模型

  1. 在织梦后台,进入 【核心】 -> 模型管理】
  2. 点击右上角的 【增加新模型】
  3. 填写模型信息:
    • 模型名称: "优酷视频"
    • 表前缀: 系统会自动生成,如 dede_,无需修改。
    • 模型字段: 点击 **【字段管理】】,增加你需要的字段。
      • title (系统自带)
      • 缩略图: litpic (系统自带)
      • 视频地址: youku_url (自定义字段,用于存放优酷视频的ID或嵌入代码)
      • ... (还可以添加简介、发布时间等)
  4. 保存模型,这一步会自动为你创建一个新的数据表,如 dede_addon_youku (表名可能不同)。

第二步:修改发布栏目

  1. 进入 【频道】 -> 【栏目管理】
  2. 创建一个新的栏目(视频展示”),或者在现有栏目中设置。
  3. 在栏目属性中,选择你刚刚创建的 “优酷视频” 模型。
  4. 保存栏目。

第三步:修改视频模型字段

  1. 再次进入 【核心】 -> 模型管理】
  2. 点击你刚才创建的 “优酷视频” 模型。
  3. 进入 【字段管理】,找到你自定义的字段,youku_url
  4. 编辑该字段,在 【显示发布表单】【显示编辑表单】 中,设置其 【输入表单替换HTML代码】,这里可以放一个文本框,让管理员直接粘贴优酷视频的ID。
    <input type='text' name='youku_url' id='youku_url' value='' style='width:250px' />
  5. 保存。

第四步:制作视频列表页和内容页模板

  1. 列表页模板: 创建一个列表页模板(如 list_video.htm),使用 {dede:list} 标签来调用视频。
  2. 内容页模板: 创建一个内容页模板(如 article_video.htm),使用 {dede:field} 标签来显示视频内容。

第五步:在首页调用视频列表

现在是最关键的一步,在首页 index.htm 中调用你创建的视频列表。

你需要使用织梦的 自由列表 功能。

  1. 在后台进入 【核心】 -> 【自由列表管理】
  2. 点击 【增加自由列表】
  3. 填写信息:
    • 列表名称: 首页视频推荐
    • 列表模板: 选择你为视频列表创建的模板(如 list_video.htm)。
    • 命名规则: 使用默认即可。
    • 频道模型: 选择你创建的 “优酷视频” 模型。
    • 查询范围: 选择你设置好的视频栏目。
    • 排序方法: 按发布时间降序等。
  4. 保存,系统会生成一个PHP文件,/plus/list_freelist1.php
  5. 在你的首页模板 index.htm 中,在你想要显示视频列表的位置,使用以下代码调用:
    {dede:freelist listid='1' titlelen='30' row='5'}
        <li>
            <a href="[field:arcurl/]">
                <img src="[field:litpic/]" alt="[field:title/]">
                <span>[field:title/]</span>
            </a>
        </li>
        <!-- 你需要使用自定义字段来显示视频 -->
        <!-- 假设你把iframe代码存在了 youku_url 字段里 -->
        <div>
            [field:youku_url/]
        </div>
    {/dedelist}
    • listid='1' 是你在自由列表管理中看到的列表ID。
    • row='5' 表示调用5条记录。
    • [field:youku_url/] 会输出你在后台发布时填写的视频地址字段内容。

第六步:生成首页和列表页

和之前一样,进入 【主页更新管理】,更新你的首页。


总结与对比

特性 方法一 (iframe嵌入) 方法二 (自定义模型)
操作难度 非常简单 复杂
灵活性 低,视频内容直接写在模板里 非常高,可像文章一样管理,有标题、缩略图等
维护性 低,要换视频需修改模板 ,在后台后台直接修改内容即可
适用场景 1-2个固定视频展示;对SEO要求不高的视频。
新手首选!
视频数量多,需要定期更新;需要将视频作为网站重要内容模块;需要为视频生成独立的详情页。

给你的建议:

  • 如果你的网站首页只需要展示 一两个 固定的视频,或者你只是临时放一个视频上去,请毫不犹豫地选择方法一,它省时省力,效果立竿见影。
  • 如果你的网站是一个以视频为主的网站,或者你计划在首页展示一个动态更新的视频列表,并且希望有更好的后台管理体验,那么可以花点时间学习并设置方法二,这将为你的网站带来更大的扩展性。
-- 展开阅读全文 --
头像
哪里能下载到靠谱的C语言数据结构视频教程?
« 上一篇 03-07
邓俊辉数据结构(C语言)该怎么学?
下一篇 » 03-07

相关文章

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

目录[+]