Initial commit: 교육 프로젝트 배포

skin/_modal/video.php

@@ -0,0 +1,76 @@
+<!-- 비디오 모달 템플릿 -->
+<div class="modal video">
+  <div class="modal-content">
+    <div class="modal-body">
+      <div class="video-contents">
+        <div class="video-area">
+          <div class="video-box">
+            <iframe
+              id="videoFrame"
+              width="100%"
+              height="100%"
+              src=""
+              frameborder="0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+              allowfullscreen
+            >
+            </iframe>
+          </div>
+        </div>
+        <div class="video-info">
+          <div class="tit-box">
+            <div class="meta">
+              <span>인사이트</span>
+              <em>경제와사회</em>
+            </div>
+            <h3>회계를 조금이라도 이해하면 인생이 달라지는 이유</h3>
+            <div class="tit-right">
+              <button class="btn-comment"><i class="ico-comment"></i>0</button>
+              <label class="bookmark" for="video-bookmark-chk">
+                <input id="video-bookmark-chk" type="checkbox" value="" />
+                <span>북마크</span>
+              </label>
+            </div>
+          </div>
+          <div class="desc"></div>
+        </div>
+      </div>
+      <div class="video-side">
+        <div class="video-header">
+          <h5 class="tit">관련영상</h5>
+          <span class="badge">소통</span>
+          <span class="close">&times;</span>
+        </div>
+        <div class="video-list">
+          <ul>
+            <!-- JS(loadRecommendedVideos)로 동적 렌더링 -->
+          </ul>
+        </div>
+
+        <div class="comment-wrap">
+          <!-- 🔥 드래그 리사이저 추가 -->
+          <div class="comment-resizer">
+            <div class="resizer-handle"></div>
+          </div>
+          <!-- 댓글 목록 -->
+          <div class="comment-list-wrap">
+            <ul class="comment-list">
+              <!-- JS(get_comments.php)로 동적 렌더링 -->
+            </ul>
+          </div>
+          <!-- // 댓글 목록 -->
+
+          <!-- 댓글 입력 -->
+          <div class="comment-box">
+            <textarea placeholder="댓글을 작성해주세요"></textarea>
+            <div class="btn-area">
+              <button class="btn-cancel" disabled>취소</button>
+              <button class="btn-save" disabled>작성</button>
+            </div>
+          </div>
+          <!-- // 댓글 입력 -->
+        </div>
+      </div>
+    </div>
+  </div>
+</div>