BadouCMS外贸版之轮播图标签中的视频如何调用

标签调用 · 2026-03-27 21:15:20 · 63 次浏览
在BadouCMS外贸版 1.0.3版本开始,支持在轮播图中上传视频。

1、后台上传

后台添加轮播图的时候,选择视频类型

轮播图上传视频

2、标签调用

在BadouCMS前台调用标签type,需要先判断类型是否为视频{if $slide.type == 'video'}
如果是视频那么就使用视频播放器组件video,然后调用{$slide.video}即可。
如果不是那就是图片,正常安装图片进行调用即可

下面是完整的调用示例:

{bd:slide gid="1"}
    <div class="swiper-slide">
      {if $slide.type == 'video'}
      <video src="%7B$slide.video%7D" class="swiper-silde-img"></video>
      {else /}
      <img class="swiper-silde-img" src="%7B$slide.pic%7D" alt="{$slide.title}" />
      {/if}
      <div class="image-layer"></div>
      <div class="image-layer-overlay"></div>
      <div class="container swiper-slide-content">
        <div class="row w-100">
          <div class="col-lg-8">
            <div class="main-slider__content">
              <h2>{$slide.title}</h2>
              <p>{$slide.description}</p>
              <a href="%7B$slide.link%7D" class="more">
                {:__('View More')}
                <i class="fa fa-angle-double-right"></i>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
{/bd:slide}
本文分类: 标签调用
本文来源: BadouCMS
浏览次数: 63 次浏览
发布日期: 2026-03-27 21:15:20
官方QQ交流②群
官方QQ交流②群
QQ咨询 微信咨询 VIP代理 回到顶部