no sound videos2

app.py

@@ -369,6 +369,40 @@ html, body, .gradio-container { background: transparent !important; }
 
 # -------------------- UI --------------------
 with gr.Blocks(fill_height=True, css=GLOBAL_CSS) as demo:
+    # Blocks 안, 어디서든 한 번만 추가(권장 위치: Blocks 시작 직후)
+    gr.HTML("""
+    <script>
+    (function(){
+    function muteAll(root){
+        const vids = (root || document).querySelectorAll('video');
+        vids.forEach(v => {
+        try {
+            v.muted = true;
+            v.volume = 0.0;
+            v.setAttribute('muted','');
+            // 사용자가 실수로 키더라도 다시 0으로
+            v.addEventListener('volumechange', () => {
+            if (!v.muted || v.volume > 0) { v.muted = true; v.volume = 0.0; }
+            });
+        } catch(e){}
+        });
+    }
+    // 초기 렌더에서 음소거
+    muteAll(document);
+    // 이후 동적 생성되는 비디오도 감시해서 음소거
+    const obs = new MutationObserver(muts => {
+        for (const m of muts) {
+        if (m.type === 'childList') {
+            muteAll(m.target);
+            m.addedNodes && m.addedNodes.forEach(n => muteAll(n));
+        }
+        }
+    });
+    obs.observe(document.body, {subtree:true, childList:true});
+    })();
+    </script>
+    """)
+
     order_state = gr.State(value=[])   # v4에서는 value= 권장
     ptr_state   = gr.State(value=0)
     cur_video_id = gr.State(value="")