add video identifier

js/index.js

@@ -180,10 +180,17 @@ $(".sec-01__slider").slick({
           let temp = data[6]['data'];
           let str = '';
           for(let i = 0; i < temp.length; i++){
+            if(temp[i].video !== 'false') {
+              str+= `<div class="sec-09__card" onclick="window.open('${temp[i]['link']}');">
+                    <div class="sec-09__card__imgfr"><img class="sec-09__card__img" src="${temp[i]['imgUrl']}" alt=""><img class="sec-09__card__play" src="images/Play-Button.webp"></div>
+                    <p>${temp[i]['title']}</p>
+                    </div>`
+            } else {
               str+= `<div class="sec-09__card" onclick="window.open('${temp[i]['link']}');">
                     <div class="sec-09__card__imgfr"><img src="${temp[i]['imgUrl']}" alt=""></div>
                     <p>${temp[i]['title']}</p>
                     </div>`
+            }
           }
           $('.sec-09__cardgrp').html(str);
           $(".sec-09__cardgrp").slick({
@@ -207,7 +214,7 @@ $(".sec-01__slider").slick({
       function renderRecStr(sec, data) {
         let str = '';
           for(let i = 0; i < data.length; i++){
-            if(data[i].video == 'true') {
+            if(data[i].video !== 'false') {
               str+= `<div class="${sec}__card col-12 mx-1" onclick="window.open('${data[i]['link']}');">
                     <div class="${sec}__slider-${i+1} mb-2 slide-item" style="background-image: url('${data[i]['imgUrl']}');"><img class="${sec}__card__play" src="images/Play-Button.webp"></div>
                     <p class="${sec}__cardtxt">${data[i]['title']}</p>

sass/main.css

@@ -461,13 +461,21 @@ body {
 
 .sec-09__card__imgfr {
   width: 100%;
+  position: relative;
 }
 
-.sec-09__card__imgfr img {
+.sec-09__card__img {
   width: 100%;
   height: 100%;
 }
 
+.sec-09__card__play {
+  position: absolute;
+  right: 1.2rem;
+  bottom: 1rem;
+  width: 2.5rem;
+}
+
 .sec-09__card p {
   font-size: 12.5px;
   margin-top: .5rem;

sass/main.scss

@@ -390,10 +390,19 @@ body {
         text-align: center;
             &__imgfr {
                 width: 100%;
-                img {
+                position: relative;
+            }
+            &__img {
+
                     width: 100%;
                     height: 100%;
-                }
+
+            }
+            &__play {
+                position: absolute;
+                right: 1.2rem;
+                bottom: 1rem;
+                width: 2.5rem;
             }
         p {
             font-size: 12.5px;