易优CMS 视频章节分组插件使用指南

以下技巧仅限于易优cms v1.6.1或以上更高版本才支持。如果是易优CMS v1.6.0版本,一定要打上补丁包才支持。

技巧:在视频详情页或播放页显示视频章节分组列表

1008-221214163635921.png

语法:

{eyou:weapptaglib name="('Videogroup', 'get_group_list', ['aid'=>$eyou.field.aid, 'player'=>'list'])" id="field"}

    {notempty name="$field.file_list"} // 这里是判断每个章节的视频列表有数据才显示以下对应章节及视频列表

        章节名称:{$field.group_name}

        章节ID:{$field.group_id}

        每个章节里包含的视频列表:{$field.file_list}

        {eyou:volist name="$field.file_list" id="video"}

            点击跳转JS事件:{$video.onclick}

            选集名称:{$video.file_title}

            播放时长:{$video.file_time}

            {eyou:eq name="$video.gratis" value="1"} // 判断是否免费或者付费

                免费

            {eyou:else/}

                <span class="VideoButton13579"></span> // 这里会根据不同播放权限显示不同文案,比如:付费、VIP、某某会员等

            {/eyou:eq}

            隐藏标签:{$video.hidden} // 一定要有

        {/eyou:volist}

    {/notempty}

{/eyou:weapptaglib}


参考代码标签如下:(eyou:weapptaglib 这是所有插件通用的标签调法,具体用法请查阅官方标签手册)

{eyou:weapptaglib name="('Videogroup', 'get_group_list', ['aid'=>$eyou['field']['aid'], 'player'=>'list'])" id='field'}

    {notempty name="$field.file_list"}

        <li class="chapters ">{$field.group_name}</li>

        {eyou:volist name="$field.file_list" id="video"}

            <li class="">

                <a {$video.onclick} class="course-name" style="cursor: pointer;">

                    <span>{$video.file_title}</span>

                    <span class="catalog-meta"><b>{$video.file_time}</b></span>

                    <span class="catalog-meta">

                        {eyou:eq name="video.gratis" value="1"}

                        <b class="catalog-meta-n">[免费]</b>

                        {eyou:else/}

                        <b class="catalog-meta-y">[<span class="VideoButton13579"></span>]</b>

                        {/eyou:eq}

                    </span>

                </a>

            </li>

            {$video.hidden}

        {/eyou:volist}

    {/notempty}

{/eyou:weapptaglib}


具体用法:

1. 打开视频详情页的模板文件,如:view_media.htm ,找到以下代码位置。


2. 替换成上面的插件语法,代码效果如下,具体样式自行解决。


文档最后更新时间:2024-03-04 14:59:30

文档
目录

深色
模式

切换
宽度