debug

code/public/public/video/common.js

@@ -483,6 +483,38 @@ function findFirstUrl(obj) {
     return null;
 }
 
+// 切换播放线路
+function checkLine(val){
+    // 构造 ID（去掉 # 前缀）
+    let strLineHeadId = `line_head_${val}`;
+    let strLineListId = `playlist_${val}`;
+
+    // 获取 DOM 元素
+    let headElement = document.getElementById(strLineHeadId);
+    let listElement = document.getElementById(strLineListId);
+
+    // 1. 处理头部导航的 active 类
+    let navItems = document.querySelectorAll('.play-group-head');
+    navItems.forEach(item => {
+        console.log(item.id)
+        if (item.id === strLineHeadId) {
+            item.classList.add('active');
+        } else {
+            item.classList.remove('active');
+        }
+    });
+
+    // 2. 处理播放列表的 active 类
+    let tabPanes = document.querySelectorAll('.play-group-list');
+    tabPanes.forEach(pane => {
+        if (pane.id === strLineListId) {
+            pane.classList.add('active');
+        } else {
+            pane.classList.remove('active');
+        }
+    });
+}
+
 document.addEventListener("DOMContentLoaded", function () {
 
     

code/public/template/videodadi/css/stui_block.css

@@ -1028,3 +1028,18 @@ pc 导航 滚动
     }
 }
 
+/**
+播放线路
+*/
+.play-group-head{
+	cursor: pointer;
+}
+.play-group-head.active{
+	color:#FF9900;
+}
+.play-group-list{
+	display: none;
+}
+.play-group-list.active{
+	display: block;
+}

code/public/template/videodingzhu/css/style.css

@@ -1535,6 +1535,27 @@ body {
 /* 面包屑容器 -----------------------------end */
 
 
+/**
+播放线路
+*/
+.play-group-head{
+	cursor: pointer;
+}
+.play-group-head.active{
+	color:#FF9900;
+}
+.play-group-list{
+	display: none;
+}
+.play-group-list.active{
+	display: block;
+}
+.play-group-list.active a{
+	border: 1px solid #FF9900;
+    background: #FF9900;
+    color: #FFFFFF;
+}
+
 
 
 /* color.css -----------------------------start */

code/public/template/videolaoniu/css/style.css

@@ -2081,10 +2081,11 @@ body.box .details-play-title {
   width: auto;
 }
 .details-play-nav li.play-list-toggle {
-  background-color: #5ab46a;
+  background-color: #bfbebe;
 }
 .details-play-nav li.active {
-  background-color: #fff;
+  /* background-color: #fff; */
+  background-color: #5ab46a;
 }
 .details-play-nav li.active::before {
   content: '';
@@ -2097,6 +2098,7 @@ body.box .details-play-title {
   left: 0;
 }
 .details-play-nav > li > a, .player-more-list li a {
+  cursor: pointer;
   border-radius: 0;
   border: none;
   padding-left: 35px;
@@ -2106,7 +2108,7 @@ body.box .details-play-title {
   padding: 10px 15px;
   padding-left: 35px;
   font-weight: bold;
-  color: #fff;
+  color: #000;
 }
 .player-more-list li a {
   white-space: nowrap;
@@ -5135,4 +5137,26 @@ img {
 }
 
 
-/* 面包屑容器 -----------------------------end */
+/* 面包屑容器 -----------------------------end */
+
+
+/**
+播放线路
+*/
+.play-group-head{
+	cursor: pointer;
+}
+.play-group-head.active{
+	color:#5ab46a;
+}
+.play-group-list{
+	display: none;
+}
+.play-group-list.active{
+	display: block;
+}
+.play-group-list.active a{
+	border: 1px solid #5ab46a;
+    background: #5ab46a;
+    color: #FFFFFF;
+}

code/public/template/videonunu/css/stui_block.css

@@ -514,4 +514,7 @@ textarea.form-control{ height: auto;}
 	.stui-vodlist__media li .thumb .v-thumb{ width: 90px;}
 	.stui-vodlist__media li .thumb .w-thumb{ width: 100px;}
 	.stui-vodlist__media li .thumb .f-thumb{ width: 50px;}
-}
+}
+
+
+

code/public/template/videonunu/css/stui_default.css

@@ -370,4 +370,25 @@ body{padding-top:80px}
 }
 
 
-/* 面包屑容器 -----------------------------end */
+/* 面包屑容器 -----------------------------end */
+
+/**
+播放线路
+*/
+.play-group-head{
+	cursor: pointer;
+}
+.play-group-head.active{
+	color:#FF9900;
+}
+.play-group-list{
+	display: none;
+}
+.play-group-list.active{
+	display: block;
+}
+.play-group-list.active a{
+	border: 1px solid #FF9900;
+    background: #FF9900;
+    color: #FFFFFF;
+}