SeaCMS播放页当前分集名称高亮显示

简单版
在播放页模板 play.html 最下面增加如下代码:

<style>.playon{ } .playon a{color:red;}</style>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>$("li a:contains('{playpage:part}')").closest("li").addClass("playon");</script>

第一行:定义css样式,根据需求填写css代码,如已引入css样式,本行可省略。
第二行:引入 jquery 插件,如果模板已经引入,可以省略这行。
第三行:遍历判断当前集数并附加css样式,playon 可以修改为自己的样式。

进阶版
多个播放来源根据播放来源判断高亮
在播放页模板 play.html 找到类似如下代码:

<ul .........
[playlist:link target=_self]
</ul>

先修改<ulclass 属性,增加 player-[playlist:ename]
如果已存在class样式,则在原有样式上新增
修改后类似:<ul class="player-[playlist:ename]"<ul class="aaa bbb player-[playlist:ename]"
然后在播放页模板 play.html 最下面增加如下代码:

<style>.playon{ } .playon a{color:red;}</style>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>$(".player-{playpage:ename}  a:contains('{playpage:part}')").closest("li").addClass("playon");</script>

标签:播放, 高亮, seamcs, 实现

添加新评论