add video identifier

css/style.css

@@ -1062,6 +1062,7 @@ body {
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
+  position: relative;
 }
 
 @media (max-width: 1100px) {
@@ -1081,6 +1082,13 @@ body {
   margin-top: .5rem;
 }
 
+.sec-09__card__play {
+  position: absolute;
+  right: .6rem;
+  bottom: .6rem;
+  width: 2.5rem;
+}
+
 .sec-09__title {
   border-bottom: 6px solid #EE7800;
   color: #535353;

css/style.scss

@@ -873,6 +873,7 @@ body {
         background-position: center center;
         background-size: cover;
         background-repeat: no-repeat;
+        position: relative;
         @media (max-width: 1100px) {
             height: 20vh;
         }
@@ -885,6 +886,12 @@ body {
             font-size: 14px;
             margin-top: .5rem;
         }
+        &__play {
+            position: absolute;
+            right: .6rem;
+            bottom: .6rem;
+            width: 2.5rem;
+        }
     }
     &__title {
         border-bottom: 6px solid #EE7800;

js/index.js

@@ -230,10 +230,18 @@ let result;
         let temp = data[6]['data'];
         let str = '';
         for(let i = 0; i < temp.length; i++){
-            str+= `<div class="sec-09__slider-1 sec-09__card col-12 mx-2" onclick="window.open('${temp[i]['link']}');">
+            if(temp[i].video !== 'false') {
+                str+= `<div class="sec-09__slider-1 sec-09__card col-12 mx-2" onclick="window.open('${temp[i]['link']}');">
+                      <div class="sec-09__imgfr mb-2" style="background-image: url('${temp[i]['imgUrl']}');"><img class="sec-09__card__play" src="images/Play-Button.png"></div>
+                      <p class="sec-09__cardtxt">${temp[i]['title']}</p>
+                    </div>`
+            } else {
+                str+= `<div class="sec-09__slider-1 sec-09__card col-12 mx-2" onclick="window.open('${temp[i]['link']}');">
                       <div class="sec-09__imgfr mb-2" style="background-image: url('${temp[i]['imgUrl']}');"></div>
                       <p class="sec-09__cardtxt">${temp[i]['title']}</p>
                     </div>`
+            }
+            
         }
         $('.sec-09__slider').html(str);
         $(".sec-09__slider").slick({
@@ -261,7 +269,7 @@ let result;
                 data[i]['description'].split('，');
                 data[i]['description'] = data[i]['description'].split('，').slice(1).join("");
             }
-            if(data[i].video == 'true') {
+            if(data[i].video !== 'false') {
                 str+= `<div class="${sec}__card col-4 mb-3" onclick="window.open('${data[i]['link']}');">
                         <div class="${sec}__card-img mb-2" style="background-image: url('${data[i]['imgUrl']}');"><img class="${sec}__card__play" src="images/Play-Button.png"></div>
                         <h5 class="me-2">${data[i]['title']}</h5>