diff --git a/views/op/folder.ejs b/views/op/folder.ejs
index e6bf02c..e04d286 100644
--- a/views/op/folder.ejs
+++ b/views/op/folder.ejs
@@ -25,7 +25,7 @@
         <p class="muted">이 폴더에 영상이 없습니다. 우측 상단에서 영상을 추가하세요.</p>
       <% } %>
       <% videos.forEach(function (v) { %>
-        <div class="videoCard adminVideo" data-id="<%= v.id %>" data-title="<%= v.title %>">
+        <div class="videoCard adminVideo" data-id="<%= v.id %>" data-video-id="<%= v.id %>" data-title="<%= v.title %>">
           <div class="videoThumb">▶</div>
           <div class="videoTitle"><%= v.title %></div>
           <% if (v.sourceType === 'youtube' && !v.originalFile.includes('original.') === false) { %>
@@ -42,9 +42,19 @@
     <button type="button" data-action="delete" class="dangerLink">삭제</button>
   </div>
 
+  <div class="playerOverlay" id="playerOverlay" hidden>
+    <div class="playerModal" role="dialog" aria-modal="true">
+      <button type="button" class="playerClose" id="playerClose" aria-label="닫기">✕</button>
+      <div class="playerTitle" id="playerTitle"></div>
+      <video id="playerVideo" controls preload="metadata"></video>
+    </div>
+  </div>
+
   <script>
     window.__OP__ = { folder: <%- jsonForScript(folder) %> }
+    window.__SITE__ = { folder: <%- jsonForScript(folder) %> }
   </script>
   <script src="/static/folder.js"></script>
+  <script src="/static/player.js"></script>
 </body>
 </html>