dedecms如何调用视频教程？

视频存储在本地服务器（推荐）

这是最稳定、加载速度最快的方法，您将视频文件（如 .mp4, .flv, .webm）上传到您的服务器上，然后在 DedeCMS 中进行调用。

方法 1：使用“附加字段”（最灵活、最推荐）

这是 DedeCMS 最强大的功能之一，可以给任何模型（如文章、图集、软件等）添加自定义字段,专门用来存储视频地址。

操作步骤：

1. 创建自定义字段

   • 登录 DedeCMS 后台，进入【核心】 -> 【频道模型】 -> 【内容模型管理】。
   • 点击您存放视频教程的模型，通常是“文章模型”的【修改】。
   • 在字段管理页面，点击【添加新字段】。
   • 字段名称：video (可以自定义,建议用英文)
   • 字段类型：多媒体(音视频)
   • 字段提示：视频教程 (后台添加内容时显示的提示文字)
   • 是否为必填项：根据需要选择
   • 保存。

2. 上传视频内容

   
   （图片来源网络，侵删）
   • 进入【新增内容】页面，您会发现多了一个“视频教程”的上传框。
   • 点击“浏览”，选择您本地的视频文件上传，上传成功后，系统会自动将视频地址填入输入框,您也可以直接输入服务器上已存在的视频地址。

3. 在模板中调用视频

   • 现在您需要在模板文件（通常是 article_article.htm 或列表页 list_article.htm）中调用这个视频。
   • 使用 DedeCMS 的字段调用标签 {dede:field.video /} 即可。

模板代码示例：

<h2>{dede:field.title/}</h2>
<!-- 视频播放器容器 -->
<div class="video-container">
    {dede:field.video/}
</div>
<div class="article-content">
    {dede:field.body/}
</div>

效果： 这样调用后，DedeCMS 会自动生成一个 HTML5 的 <video> 播放器代码,非常方便。

方法 2：使用“内容附件”（传统方法）

这种方法适用于视频是作为文章的附件上传的。

操作步骤：

1. 上传视频附件

   在【新增内容】页面，找到“附件”区域，点击“本地上传”或“远程下载”,将视频文件作为附件上传。

2. 在模板中调用视频

   • 使用 {dede:field name='body'} 调用文章内容,并在其中手动插入视频标签。
   • 或者，使用专门的附件调用标签 {dede:field name='imgurls'}，但这个标签主要用于图片，对于视频,更推荐直接在文章内容中插入。

模板代码示例（直接在文章内容中插入）：

<h2>{dede:field.title/}</h2>
<!-- 视频播放器容器 -->
<div class="video-container">
    <!-- 直接在后台编辑器里插入视频标签，或者用以下代码 -->
    <video src="{dede:field name='aid' function='GetOneArchive(@me)'}" controls width="100%"></video>
</div>
<div class="article-content">
    {dede:field.body/}
</div>

注意：直接调用附件地址比较复杂，不如方法1方便。强烈推荐使用方法1。

视频使用外部链接（如优酷、腾讯、Bilibili）

如果您想直接嵌入第三方视频网站的视频，只需获取其提供的 <iframe> 代码或 embed 代码,然后在模板中调用即可。

操作步骤：

1. 获取视频代码

   • 以 Bilibili 为例，打开您想嵌入的视频页面，点击“分享” -> “嵌入代码”，复制 <iframe>
   • 以优酷为例，打开视频页面，点击“分享” -> “嵌入代码”，复制 <embed>

2. 在模板中调用视频

   • 由于这些代码很长，不适合直接写在模板里，推荐使用自定义字段（如方法1）或来存放。

<h2>{dede:field.title/}</h2>
<!-- 视频播放器容器 -->
<div class="video-container">
    {dede:field.video_iframe/}
</div>
<div class="article-content">
    {dede:field.body/}
</div>

<!-- 在列表循环中 -->
{dede:list pagesize='10'}
    <h3><a href="[field:arcurl/]">[field:title/]</a></h3>
    <!-- 假设视频链接存在 -->
    <div class="video-container">
        <!-- 这里是固定的B站视频 -->
        <iframe 
            src="//player.bilibili.com/player.html?aid=170001" 
            scrolling="no" 
            border="0" 
            frameborder="no" 
            framespacing="0" 
            allowfullscreen="true"> 
        </iframe>
    </div>
    <p>[field:description function='cn_substr(@me,100)'/]...</p>
{/dede:list}

<h2>{dede:field.title/}</h2>
<div class="video-container">
    <!-- 这里存储的是云存储的视频URL -->
    {dede:field.video/}
</div>
<div class="article-content">
    {dede:field.body/}
</div>