From 0666d526b1eb4de6af12a7710e119c588019c19f Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Fri, 27 Feb 2026 10:04:35 +1100
Subject: [PATCH] fix(skin): temporarily hide the caption button (#629)

---
 .../react/src/presets/video/skin.tailwind.tsx    | 16 ++++++++--------
 .../src/ui/captions-button/captions-button.tsx   |  4 ++++
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/packages/react/src/presets/video/skin.tailwind.tsx b/packages/react/src/presets/video/skin.tailwind.tsx
index b2cdbae4..14bd98c4 100644
--- a/packages/react/src/presets/video/skin.tailwind.tsx
+++ b/packages/react/src/presets/video/skin.tailwind.tsx
@@ -290,14 +290,6 @@ export function VideoSkinTailwind(props: VideoSkinProps): ReactNode {
           <Time.Value type="duration" className="text-shadow-2xs text-shadow-black/25 tabular-nums" />
         </Time.Group>
 
-        <CaptionsButton
-          render={(props, state) => (
-            <Button variant="icon" {...props}>
-              <CaptionsButtonIcon state={state} className={icon} />
-            </Button>
-          )}
-        />
-
         <MuteButton
           render={(props, state) => (
             <Button variant="icon" {...props}>
@@ -306,6 +298,14 @@ export function VideoSkinTailwind(props: VideoSkinProps): ReactNode {
           )}
         />
 
+        <CaptionsButton
+          render={(props, state) => (
+            <Button variant="icon" {...props}>
+              <CaptionsButtonIcon state={state} className={icon} />
+            </Button>
+          )}
+        />
+
         <PiPButton
           render={(props) => (
             <Button variant="icon" {...props}>
diff --git a/packages/react/src/ui/captions-button/captions-button.tsx b/packages/react/src/ui/captions-button/captions-button.tsx
index 2a69e155..0409c284 100644
--- a/packages/react/src/ui/captions-button/captions-button.tsx
+++ b/packages/react/src/ui/captions-button/captions-button.tsx
@@ -25,6 +25,8 @@ const CaptionButtonDataAttrs = {
 
 export interface CaptionsButtonProps extends UIComponentProps<'button', CaptionsButtonState>, CaptionButtonCoreProps {}
 
+const DEBUG = false;
+
 /**
  * A button that toggles captions.
  *
@@ -56,6 +58,8 @@ export const CaptionsButton = forwardRef(function CaptionsButton(
     isDisabled: () => disabled ?? false,
   });
 
+  if (!DEBUG) return null;
+
   return renderElement(
     'button',
     { render, className, style },