video-active

script/css/bim-support.css

@@ -74,17 +74,17 @@ th {
 
 }
 
-.static {
+.video-static {
     width: 100%;
     position: absolute;
     background: white;
 }
 
-.static:hover {
+.video-static:hover {
     opacity: 0;
 }
 
-.active {
+.video-active {
     width: 100%;
 }
 

script/js/video-list.js

@@ -24,7 +24,7 @@ function initList(dir) {
             $("#video-list").append('<div class="col-md-3">' +
                 '<section class="panel">' +
                 "<a href='#' onclick='initList(\"" + dir_names[i]["dir_name"] + "\")'>" +
-                '<img class="active" src="./assets/images/folder-icon.png">' +
+                '<img class="video-active" src="./assets/images/folder-icon.png">' +
                 '</a>' +
                 '<div class="panel-body" id="">' +
                 "<p><i class='fa fa-folder'></i><a href='#' onclick='initList(\"" + dir_names[i]["dir_name"] + "\")'>" + dir_names[i]["dir_name"] + "</a></p>" +
@@ -39,8 +39,8 @@ function initList(dir) {
                 $("#video-list").append('<div class="col-md-3">' +
                     '<section class="panel">' +
                     "<a href='#' onclick='getVideo(" + file_tables[j]["id"] + ")'>" +
-                    '<img class="static" src="' + file_tables[j]["file_path"].replace("m3u8", "jpg") + '">' +
-                    '<img class="active" src="' + file_tables[j]["file_path"].replace("m3u8", "gif") +
+                    '<img class="video-static" src="' + file_tables[j]["file_path"].replace("m3u8", "jpg") + '">' +
+                    '<img class="video-active" src="' + file_tables[j]["file_path"].replace("m3u8", "gif") +
                     '">' +
                     '</a>' +
                     '<div class="panel-body" id="">' +