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>
先修改<ul
的 class
属性,增加 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>