diff --git a/.nx/version-plans/version-plan-1791216778502.md b/.nx/version-plans/version-plan-1791216778502.md
new file mode 100644
index 00000000000..645bed50cfb
--- /dev/null
+++ b/.nx/version-plans/version-plan-1791216778502.md
@@ -0,0 +1,8 @@
+---
+gamut: major
+---
+
+Move Video out of barrel and update
+
+- `Video` is now imported from `@codecademy/gamut/Video` instead of `@codecademy/gamut`.
+- `@vidstack/react` and `react-player` are now peer dependencies. If you use `Video` (or the Markdown `Iframe`/`MarkdownVideo` overrides), install them: `yarn add @vidstack/react@~1.12.12 react-player@^3.4.0`. Gamut supports `@vidstack/react` 1.12.x only; note that its npm `latest` tag still points to 0.6.x.
diff --git a/package.json b/package.json
index ebed4bad7d2..5602fb5a022 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "dependencies": {
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
-    "@vidstack/react": "^1.12.12",
+    "@vidstack/react": "~1.12.12",
     "core-js": "3.7.0",
     "lodash": "^4.17.23",
     "react": "^19.0.0",
diff --git a/packages/code-connect/Molecules/Video.figma.tsx b/packages/code-connect/Molecules/Video.figma.tsx
index 70cbc52079f..8ed08e90ea6 100644
--- a/packages/code-connect/Molecules/Video.figma.tsx
+++ b/packages/code-connect/Molecules/Video.figma.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Video } from '@codecademy/gamut';
+import { Video } from '@codecademy/gamut/Video';
 import figma from '@figma/code-connect';
 
 /**
diff --git a/packages/gamut/Video/package.json b/packages/gamut/Video/package.json
new file mode 100644
index 00000000000..4a30c50a67d
--- /dev/null
+++ b/packages/gamut/Video/package.json
@@ -0,0 +1,5 @@
+{
+  "main": "../dist/Video/index.js",
+  "module": "../dist/Video/index.js",
+  "types": "../dist/Video/index.d.ts"
+}
diff --git a/packages/gamut/__tests__/__snapshots__/gamut.test.ts.snap b/packages/gamut/__tests__/__snapshots__/gamut.test.ts.snap
index 14d8d3f58a3..30593dae536 100644
--- a/packages/gamut/__tests__/__snapshots__/gamut.test.ts.snap
+++ b/packages/gamut/__tests__/__snapshots__/gamut.test.ts.snap
@@ -132,6 +132,5 @@ exports[`Gamut Exported Keys 1`] = `
   "useIsMounted",
   "useLocalQuery",
   "useSubmitState",
-  "Video",
 ]
 `;
diff --git a/packages/gamut/jest.config.ts b/packages/gamut/jest.config.ts
index a418f1b531f..668e9fffd52 100644
--- a/packages/gamut/jest.config.ts
+++ b/packages/gamut/jest.config.ts
@@ -9,5 +9,7 @@ export default base('gamut', {
   setupFiles: ['<rootDir>/../../script/jest/base-setup.js'],
   setupFilesAfterEnv: ['<rootDir>/../../script/jest/rtl-setup.js'],
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
-  transformIgnorePatterns: ['node_modules/(?!(@vidstack/react|@formatjs)/)'],
+  transformIgnorePatterns: [
+    'node_modules/(?!(@vidstack/react|@formatjs|react-player)/)',
+  ],
 });
diff --git a/packages/gamut/package.json b/packages/gamut/package.json
index f5b6c64eac9..039f70662a4 100644
--- a/packages/gamut/package.json
+++ b/packages/gamut/package.json
@@ -13,7 +13,6 @@
     "@formatjs/intl-locale": "5.3.1",
     "@react-aria/interactions": "3.25.0",
     "@types/marked": "^4.0.8",
-    "@vidstack/react": "^1.12.12",
     "classnames": "^2.2.5",
     "framer-motion": "^12.0.0",
     "html-to-react": "^1.6.0",
@@ -24,16 +23,20 @@
     "react-aria-components": "1.7.1",
     "react-focus-on": "3.10.0",
     "react-hook-form": "^7.71.2",
-    "react-player": "^2.16.0",
     "react-select": "^5.2.2",
     "react-truncate-markup": "^5.1.2",
     "react-use": "^17.6.1",
     "sanitize-markdown": "^2.6.7"
   },
+  "devDependencies": {
+    "@vidstack/react": "~1.12.12",
+    "react-player": "^3.4.0"
+  },
   "files": [
     "dist",
     "bin",
-    "agent-tools"
+    "agent-tools",
+    "Video"
   ],
   "license": "MIT",
   "main": "./dist/index.js",
@@ -44,9 +47,11 @@
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
+    "@vidstack/react": "~1.12.12",
     "css-loader": ">=4.0.0",
     "react": "^17.0.2 || ^18.3.0 || ^19.0.0",
-    "react-dom": "^17.0.2 || ^18.3.0 || ^19.0.0"
+    "react-dom": "^17.0.2 || ^18.3.0 || ^19.0.0",
+    "react-player": "^3.4.0"
   },
   "peerDependenciesMeta": {
     "css-loader": {
diff --git a/packages/gamut/src/Markdown/__tests__/Markdown.test.tsx b/packages/gamut/src/Markdown/__tests__/Markdown.test.tsx
index a2f7f91f9c9..f89d8f48e4b 100644
--- a/packages/gamut/src/Markdown/__tests__/Markdown.test.tsx
+++ b/packages/gamut/src/Markdown/__tests__/Markdown.test.tsx
@@ -5,18 +5,23 @@ import { screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import * as React from 'react';
 
+import { Iframe, MarkdownVideo } from '../../Video';
 import { Markdown } from '../index';
 
 const mockTitle = 'a fake youtube';
 
 jest.mock('react-player', () => ({
   __esModule: true,
-  default: () => <iframe title={mockTitle} />,
+  default: ({ title }: { title?: string }) => (
+    <iframe title={title ?? mockTitle} />
+  ),
 }));
 
 jest.mock('@vidstack/react', () => ({
   __esModule: true,
-  MediaPlayer: () => <iframe title={mockTitle} />,
+  MediaPlayer: ({ title }: { title?: string }) => (
+    <iframe title={title ?? mockTitle} />
+  ),
   MediaProvider: () => <div />,
   Poster: jest.fn(),
   Track: jest.fn(),
@@ -58,7 +63,7 @@ const vimeoMarkdown = `
 `;
 
 const videoMarkdown = `
-<video src="/example.webm" title="video" />
+<video src="/example.webm" />
 `;
 
 const videoSourceMarkdown = `
@@ -119,30 +124,95 @@ describe('<Markdown />', () => {
     ).toEqual(0);
   });
 
-  it('Renders YouTube iframes using the Video component', () => {
-    renderView({ text: youtubeMarkdown });
+  it('Renders YouTube iframes using the Video component when opted in', () => {
+    renderView({
+      iframeOverride: { component: Iframe },
+      text: youtubeMarkdown,
+    });
     screen.getByTitle(mockTitle);
   });
 
-  it('Renders Vimeo iframes using the Video component', () => {
-    renderView({ text: vimeoMarkdown });
+  it('Renders Vimeo iframes using the Video component when opted in', () => {
+    renderView({
+      iframeOverride: { component: Iframe },
+      text: vimeoMarkdown,
+    });
     screen.getByTitle(mockTitle);
   });
 
-  it('Renders video tags using the Video component if they have an src', () => {
-    renderView({ text: videoMarkdown });
-    screen.getByTitle(mockTitle);
+  it('Renders bare iframes when not opted in', () => {
+    renderView({ text: youtubeMarkdown });
+    expect(document.querySelectorAll('iframe').length).toEqual(1);
+    expect(screen.queryByTitle(mockTitle)).not.toBeInTheDocument();
   });
 
-  it('Renders video tags using the Video component if they have a source', () => {
-    renderView({ text: videoSourceMarkdown });
+  it('Keeps the title attribute on bare iframes and video tags', () => {
+    renderView({
+      text: `<iframe src="https://player.vimeo.com/video/1218916076" title="Doug Workshop Intro"></iframe>\n\n<video src="/example.webm" title="Example clip"></video>`,
+    });
+    screen.getByTitle('Doug Workshop Intro');
+    screen.getByTitle('Example clip');
+  });
+
+  it('Passes the iframe title through to the Video component when opted in', () => {
+    renderView({
+      iframeOverride: { component: Iframe },
+      text: `<iframe src="https://player.vimeo.com/video/1218916076" title="Doug Workshop Intro"></iframe>`,
+    });
+    screen.getByTitle('Doug Workshop Intro');
+    expect(screen.queryByTitle(mockTitle)).not.toBeInTheDocument();
+  });
+
+  it('Does not wrap a single-line video override in a paragraph', () => {
+    renderView({
+      text: `<video src="https://example.com/clip.mp4" controls></video>`,
+      videoOverride: { component: MarkdownVideo },
+    });
+    expect(document.querySelector('p div')).toBeNull();
+  });
+
+  it('Passes undefined width and height to Video when the video has none', () => {
+    // React only warns about NaN styles once per value, so check the props directly
+    const element = MarkdownVideo({
+      src: 'https://example.com/clip.mp4',
+    } as Parameters<typeof MarkdownVideo>[0]) as React.ReactElement<{
+      width?: number;
+      height?: number;
+    }>;
+    expect(element.props.width).toBeUndefined();
+    expect(element.props.height).toBeUndefined();
+  });
+
+  it('Passes the video title through to the Video component when opted in', () => {
+    renderView({
+      text: `<video src="/example.webm" title="Example clip"></video>`,
+      videoOverride: { component: MarkdownVideo },
+    });
+    screen.getByTitle('Example clip');
+    expect(screen.queryByTitle(mockTitle)).not.toBeInTheDocument();
+  });
+
+  it('Renders video tags using the Video component if they have an src when opted in', () => {
+    renderView({
+      text: videoMarkdown,
+      videoOverride: { component: MarkdownVideo },
+    });
     screen.getByTitle(mockTitle);
   });
-  it('Renders YouTube iframes using the Video component', () => {
-    renderView({ text: youtubeMarkdown });
+
+  it('Renders video tags using the Video component if they have a source when opted in', () => {
+    renderView({
+      text: videoSourceMarkdown,
+      videoOverride: { component: MarkdownVideo },
+    });
     screen.getByTitle(mockTitle);
   });
 
+  it('Renders bare video tags when not opted in', () => {
+    renderView({ text: videoMarkdown });
+    expect(document.querySelectorAll('video').length).toEqual(1);
+    expect(screen.queryByTitle(mockTitle)).not.toBeInTheDocument();
+  });
   it('Wraps the markdown in a div by default (block)', () => {
     renderView({ text: basicMarkdown });
     expect(
diff --git a/packages/gamut/src/Markdown/index.tsx b/packages/gamut/src/Markdown/index.tsx
index bd17f489d4b..6aea782ab35 100644
--- a/packages/gamut/src/Markdown/index.tsx
+++ b/packages/gamut/src/Markdown/index.tsx
@@ -12,18 +12,17 @@ import {
   createInputOverride,
   createTagOverride,
   createVideoOverride,
+  MarkdownOverrideSetting,
   MarkdownOverrideSettings,
   standardOverrides,
 } from './libs/overrides';
 import { MarkdownCheckbox } from './libs/overrides/Checkbox';
 import { Details } from './libs/overrides/Details';
-import { Iframe } from './libs/overrides/Iframe';
 import {
   MarkdownAnchor,
   MarkdownAnchorProps,
 } from './libs/overrides/MarkdownAnchor';
 import { Table } from './libs/overrides/Table';
-import { MarkdownVideo } from './libs/overrides/Video';
 import { createPreprocessingInstructions } from './libs/preprocessing';
 import { defaultSanitizationConfig } from './libs/sanitizationConfig';
 import { markdownStyles } from './styles';
@@ -36,6 +35,20 @@ const preprocessingInstructions = createPreprocessingInstructions();
 
 const isValidNode = () => true;
 
+/**
+ * Puts each <video> block on its own lines so marked emits an HTML block.
+ * A single-line <video>...</video> is parsed as paragraph text, which wraps
+ * the video's block-level output in a <p>.
+ */
+const normalizeVideoBlocks = (text: string) =>
+  text.replace(
+    /(<video\b[^>]*>)([\s\S]*?)(<\/video>)/gi,
+    (_match, open: string, inner: string, close: string) => {
+      const body = inner.trim();
+      return `\n\n${open}\n${body ? `${body}\n` : ''}${close}\n\n`;
+    }
+  );
+
 const MarkdownWrapper = styled.div<{ spacing: 'loose' | 'tight' | 'none' }>`
   ${({ theme, spacing }) => {
     const spacingStyleFunction = markdownStyles[spacing];
@@ -47,9 +60,7 @@ export type SkipDefaultOverridesSettings = {
   a?: boolean;
   checkbox?: boolean;
   details?: boolean;
-  iframe?: boolean;
   table?: boolean;
-  video?: boolean;
 };
 
 export type MarkdownProps = {
@@ -68,6 +79,18 @@ export type MarkdownProps = {
    * Callback when a markdown anchor tag is clicked
    */
   onAnchorClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+  /**
+   * Renders <iframe> tags with the given component (e.g. Iframe from
+   * '@codecademy/gamut/Video') instead of a bare iframe. Opt-in so Markdown
+   * doesn't statically depend on react-player unless you need it.
+   */
+  iframeOverride?: MarkdownOverrideSetting;
+  /**
+   * Renders <video> tags with the given component (e.g. MarkdownVideo from
+   * '@codecademy/gamut/Video') instead of a bare video tag. Opt-in so
+   * Markdown doesn't statically depend on react-player unless you need it.
+   */
+  videoOverride?: MarkdownOverrideSetting;
 };
 
 export class Markdown extends PureComponent<MarkdownProps> {
@@ -81,6 +104,8 @@ export class Markdown extends PureComponent<MarkdownProps> {
       inline = false,
       headerIds = true,
       onAnchorClick,
+      iframeOverride,
+      videoOverride,
     } = this.props;
 
     if (!text) return null;
@@ -94,10 +119,7 @@ export class Markdown extends PureComponent<MarkdownProps> {
 
     const processingInstructions = [
       ...overrides,
-      !skipDefaultOverrides.iframe &&
-        createTagOverride('iframe', {
-          component: Iframe,
-        }),
+      iframeOverride && createTagOverride('iframe', iframeOverride),
       !skipDefaultOverrides.a &&
         createTagOverride('a', {
           component: MarkdownAnchor,
@@ -122,10 +144,8 @@ export class Markdown extends PureComponent<MarkdownProps> {
           component: Table,
           allowedAttributes: ['style'],
         }),
-      !skipDefaultOverrides.video &&
-        createVideoOverride('video', {
-          component: MarkdownVideo,
-        }),
+      videoOverride &&
+        createVideoOverride({ tagName: 'video', Override: videoOverride }),
       !skipDefaultOverrides.details &&
         createTagOverride('details', {
           component: Details,
@@ -148,7 +168,7 @@ export class Markdown extends PureComponent<MarkdownProps> {
     // Render markdown to html
     const rawHtml = inline
       ? marked.parseInline(text, markedOptions)
-      : marked(text, markedOptions);
+      : marked(normalizeVideoBlocks(text), markedOptions);
 
     const sanitizationConfig = {
       ...defaultSanitizationConfig,
diff --git a/packages/gamut/src/Markdown/libs/overrides/Video/index.tsx b/packages/gamut/src/Markdown/libs/overrides/Video/index.tsx
index 3403a0eba55..58c68ecb5e0 100644
--- a/packages/gamut/src/Markdown/libs/overrides/Video/index.tsx
+++ b/packages/gamut/src/Markdown/libs/overrides/Video/index.tsx
@@ -19,12 +19,12 @@ export const MarkdownVideo: React.FC<MarkdownVideoProps> = (props) => {
     const videoProps = {
       autoplay: props?.autoPlay,
       controls: props?.controls,
-      height: Number(props?.height),
+      height: props?.height ? Number(props.height) : undefined,
       loop: props?.loop,
       muted: props?.muted,
       videoTitle: props?.title,
       videoUrl: props?.src,
-      width: Number(props?.width),
+      width: props?.width ? Number(props.width) : undefined,
       textTracks: props?.textTracks,
       showPlayerEmbed: props?.showPlayerEmbed,
     };
diff --git a/packages/gamut/src/Markdown/libs/overrides/index.tsx b/packages/gamut/src/Markdown/libs/overrides/index.tsx
index a4f85a59703..81c0bbe77ba 100644
--- a/packages/gamut/src/Markdown/libs/overrides/index.tsx
+++ b/packages/gamut/src/Markdown/libs/overrides/index.tsx
@@ -138,11 +138,16 @@ export const createTagOverride = (
   },
 });
 
+type CreateVideoOverrideArgs = {
+  tagName: string;
+  Override: MarkdownOverrideSetting;
+};
+
 // generic video tag override
-export const createVideoOverride = (
-  tagName: string,
-  Override: MarkdownOverrideSetting
-) => ({
+export const createVideoOverride = ({
+  tagName,
+  Override,
+}: CreateVideoOverrideArgs) => ({
   shouldProcessNode(node: HTMLToReactNode) {
     if (!Override) return false;
 
diff --git a/packages/gamut/src/Video/__tests__/Video.test.tsx b/packages/gamut/src/Video/__tests__/Video.test.tsx
index 3bb8c10febf..8080a83ec58 100644
--- a/packages/gamut/src/Video/__tests__/Video.test.tsx
+++ b/packages/gamut/src/Video/__tests__/Video.test.tsx
@@ -1,8 +1,44 @@
 import { setupRtl } from '@codecademy/gamut-tests';
+import { waitFor } from '@testing-library/react';
 import * as React from 'react';
 
 import { Video } from '..';
 
+let mockRenderInShadowRoot = false;
+
+jest.mock('react-player', () => {
+  const react = require('react');
+  return {
+    __esModule: true,
+    // eslint-disable-next-line react/display-name
+    // Mimics react-player v3: the inner provider iframe has no title.
+    default: ({ src }: { src: string }) => {
+      const hostRef = react.useRef(null);
+      // Insert the iframe after mount, without ever firing onReady, to prove
+      // the title doesn't depend on that callback.
+      const [show, setShow] = react.useState(false);
+      react.useEffect(() => {
+        if (!mockRenderInShadowRoot) {
+          setShow(true);
+          return;
+        }
+        // Like <youtube-video>: the iframe lives in an open shadow root that
+        // is filled in asynchronously.
+        const shadowRoot = hostRef.current.attachShadow({ mode: 'open' });
+        setTimeout(() => {
+          const iframe = shadowRoot.ownerDocument.createElement('iframe');
+          iframe.src = src;
+          shadowRoot.appendChild(iframe);
+        });
+      }, []);
+      if (mockRenderInShadowRoot) {
+        return react.createElement('div', { ref: hostRef });
+      }
+      return show ? react.createElement('iframe', { src }) : null;
+    },
+  };
+});
+
 jest.mock('@vidstack/react', () => {
   const react = require('react');
   return {
@@ -28,13 +64,17 @@ jest.mock('@vidstack/react', () => {
 const renderView = setupRtl(Video, {});
 
 describe('Video', () => {
+  afterEach(() => {
+    mockRenderInShadowRoot = false;
+  });
+
   it('loads a video with a vimeo URL', async () => {
     const { view } = renderView({
-      videoUrl: 'https://vimeo.com/145702525',
-      videoTitle: 'Super Science Friends',
+      videoUrl: 'https://vimeo.com/1218916076',
+      videoTitle: 'Doug Workshop Intro',
     });
 
-    await view.findByTitle('Super Science Friends');
+    await view.findByTitle('Doug Workshop Intro');
   });
 
   it('loads a video with a youtube ID', async () => {
@@ -45,4 +85,27 @@ describe('Video', () => {
 
     await view.findByTitle('Workout with Rick Sanchez');
   });
+
+  it('gives the provider iframe a default accessible name when no title is passed', async () => {
+    const { view } = renderView({
+      videoUrl: 'https://www.youtube.com/watch?v=Yl8yy5tpVIM',
+    });
+
+    await view.findByTitle('Video player');
+  });
+
+  it('labels a provider iframe rendered inside a shadow root', async () => {
+    mockRenderInShadowRoot = true;
+    const { view } = renderView({
+      videoUrl: 'https://www.youtube.com/watch?v=Yl8yy5tpVIM',
+      videoTitle: 'Workout with Rick Sanchez',
+    });
+
+    await waitFor(() => {
+      const iframe = Array.from(view.container.querySelectorAll('*'))
+        .map((el) => el.shadowRoot?.querySelector('iframe'))
+        .find(Boolean);
+      expect(iframe?.title).toBe('Workout with Rick Sanchez');
+    });
+  });
 });
diff --git a/packages/gamut/src/Video/index.tsx b/packages/gamut/src/Video/index.tsx
index 718a9e83bd7..d6fa4d84bc5 100644
--- a/packages/gamut/src/Video/index.tsx
+++ b/packages/gamut/src/Video/index.tsx
@@ -1,11 +1,12 @@
+// @vidstack/react and react-player are peer deps of @codecademy/gamut.
+// If they can't be resolved, install them: yarn add @vidstack/react react-player
 import { PlayerSrc, TrackProps } from '@vidstack/react';
 import {
   DefaultLayoutTranslations,
   ThumbnailSrc,
 } from '@vidstack/react/types/vidstack';
 import * as React from 'react';
-import { useState } from 'react';
-import { BaseReactPlayerProps } from 'react-player/base';
+import { useEffect, useRef, useState } from 'react';
 
 import { Box } from '../Box';
 import { useIsMounted } from '../utils';
@@ -65,6 +66,8 @@ export type VideoProps = {
   showDefaultProviderControls?: boolean;
 };
 
+const DEFAULT_VIDEO_TITLE = 'Video player';
+
 export const Video: React.FC<VideoProps> = (props) => {
   const {
     autoplay = false,
@@ -81,16 +84,53 @@ export const Video: React.FC<VideoProps> = (props) => {
   } = props;
   const [loading, setLoading] = useState(true);
   const isMounted = useIsMounted();
+  const playerWrapperRef = useRef<HTMLDivElement>(null);
 
   const config = {
     youtube: {
-      playerVars: { color: 'white' },
-    },
-    vimeo: {
-      title: videoTitle,
+      color: 'white' as const,
     },
   };
 
+  // react-player v3 puts `title` on its custom element, not the inner provider
+  // iframe, so the iframe would otherwise have no accessible name (WCAG 4.1.2).
+  // Provider elements like <youtube-video> render that iframe inside an open
+  // shadow root, so search shadow roots too. `onShadowRoot` lets the observer
+  // below watch each shadow root it finds.
+  const labelProviderIframe = (onShadowRoot?: (root: ShadowRoot) => void) => {
+    const label = (root: ParentNode) => {
+      root.querySelectorAll('iframe').forEach((iframe) => {
+        if (!iframe.title) iframe.title = videoTitle || DEFAULT_VIDEO_TITLE;
+      });
+      root.querySelectorAll('*').forEach((el) => {
+        if (el.shadowRoot) {
+          onShadowRoot?.(el.shadowRoot);
+          label(el.shadowRoot);
+        }
+      });
+    };
+    if (playerWrapperRef.current) label(playerWrapperRef.current);
+  };
+
+  // The provider inserts its iframe asynchronously, often before `onReady`
+  // fires, and may replace it later (e.g. on src change), so label it
+  // whenever it appears rather than waiting.
+  useEffect(() => {
+    const wrapper = playerWrapperRef.current;
+    if (!wrapper) return;
+    const observed = new WeakSet<Node>();
+    const observe = (root: Node) => {
+      if (observed.has(root)) return;
+      observed.add(root);
+      observer.observe(root, { childList: true, subtree: true });
+    };
+    const observer = new MutationObserver(() => labelProviderIframe(observe));
+    observe(wrapper);
+    labelProviderIframe(observe);
+    return () => observer.disconnect();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [videoTitle, videoUrl, isMounted]);
+
   const isExternallyHostedVideoUrl = (url: string): boolean =>
     !!(url.match(/youtu(be\.com|\.be)/) || url.match(/vimeo\.com/));
 
@@ -136,6 +176,7 @@ export const Video: React.FC<VideoProps> = (props) => {
         overflow="hidden"
         position="relative"
         pt={'56.25%' as any}
+        ref={playerWrapperRef}
         width="100%"
       >
         {isMounted ? (
@@ -148,11 +189,12 @@ export const Video: React.FC<VideoProps> = (props) => {
             muted={muted}
             playIcon={<OverlayPlayButton videoTitle={videoTitle} />}
             playing={autoplay}
+            src={videoUrl as string}
             title={videoTitle}
-            url={videoUrl as BaseReactPlayerProps['url']}
             width="100%"
             onPlay={onPlay}
             onReady={() => {
+              labelProviderIframe();
               onReady?.();
               setLoading(false);
             }}
@@ -170,3 +212,14 @@ export const Video: React.FC<VideoProps> = (props) => {
     </>
   );
 };
+
+/*
+  Re-exported here (rather than from the main '@codecademy/gamut' barrel)
+  so Markdown's video/iframe overrides stay opt-in: importing them only
+  pulls in react-player if a consumer explicitly wants Video-in-markdown
+  rendering. See Markdown's videoOverride/iframeOverride props.
+*/
+export { Iframe } from '../Markdown/libs/overrides/Iframe';
+export type { IframeProps } from '../Markdown/libs/overrides/Iframe';
+export { MarkdownVideo } from '../Markdown/libs/overrides/Video';
+export type { MarkdownVideoProps } from '../Markdown/libs/overrides/Video';
diff --git a/packages/gamut/src/Video/lib/ReactPlayer.tsx b/packages/gamut/src/Video/lib/ReactPlayer.tsx
index e065e460a0c..3e6c9f2362f 100644
--- a/packages/gamut/src/Video/lib/ReactPlayer.tsx
+++ b/packages/gamut/src/Video/lib/ReactPlayer.tsx
@@ -47,9 +47,3 @@ export const OverlayPlayButton = ({ videoTitle }: { videoTitle?: string }) => {
     </StyledFlexBox>
   );
 };
-
-/**
- * @remarks ReactPlayer has optional key 'wrapper' that we require for the onReady callback
- */
-
-export type ReactPlayerWithWrapper = ReactPlayer & { wrapper: HTMLElement };
diff --git a/packages/gamut/src/index.tsx b/packages/gamut/src/index.tsx
index 523f237b2aa..d667d2bf870 100644
--- a/packages/gamut/src/index.tsx
+++ b/packages/gamut/src/index.tsx
@@ -53,4 +53,10 @@ export * from './typings/responsive-properties';
 export * from './Typography/Text';
 export type { HeadingTags } from './Typography/types';
 export * from './utils';
-export * from './Video';
+/*
+  Video is intentionally not re-exported here: it pulls in react-player,
+  whose dependency tree relies on package.json "exports" subpaths that
+  legacy bundlers (e.g. webpack 4) can't resolve. Keeping it off the main
+  barrel means consumers who don't use Video never need to resolve that
+  tree. Import it from '@codecademy/gamut/Video' instead.
+*/
diff --git a/packages/styleguide/src/lib/Atoms/RadialProgress/RadialProgress.stories.tsx b/packages/styleguide/src/lib/Atoms/RadialProgress/RadialProgress.stories.tsx
index 72b80ae90b8..a4d8463055e 100644
--- a/packages/styleguide/src/lib/Atoms/RadialProgress/RadialProgress.stories.tsx
+++ b/packages/styleguide/src/lib/Atoms/RadialProgress/RadialProgress.stories.tsx
@@ -1,4 +1,5 @@
-import { Box, RadialProgress, Video } from '@codecademy/gamut';
+import { Box, RadialProgress } from '@codecademy/gamut';
+import { Video } from '@codecademy/gamut/Video';
 import type { Meta, StoryObj } from '@storybook/react';
 
 const meta: Meta<typeof RadialProgress> = {
diff --git a/packages/styleguide/src/lib/Meta/Installation.mdx b/packages/styleguide/src/lib/Meta/Installation.mdx
index 72facfbced3..98284305628 100644
--- a/packages/styleguide/src/lib/Meta/Installation.mdx
+++ b/packages/styleguide/src/lib/Meta/Installation.mdx
@@ -131,3 +131,13 @@ Add more package scopes inside the non-capturing group if your tree pulls in oth
 Even when those packages are transformed, older Babel configs may not handle every language feature.
 
 To fix that, the necessary plugins need to be added to the Babel config Jest uses, or upgrade **`@babel/preset-env`** / Babel so that feature is covered.
+
+For example, `@vidstack/react` 1.14+ (outside Gamut's supported `~1.12.12` range) uses static class blocks. If your Babel config includes `@babel/plugin-transform-private-methods` (or another class-features plugin), tests fail with `Static class blocks are not enabled` unless you also add `@babel/plugin-transform-class-static-block`, listed before it:
+
+```js
+// babel.config.js (or equivalent)
+plugins: [
+  '@babel/plugin-transform-class-static-block',
+  '@babel/plugin-transform-private-methods',
+],
+```
diff --git a/packages/styleguide/src/lib/Molecules/Video/Video.mdx b/packages/styleguide/src/lib/Molecules/Video/Video.mdx
index 0e9e2a76ad5..2e3719f66a6 100644
--- a/packages/styleguide/src/lib/Molecules/Video/Video.mdx
+++ b/packages/styleguide/src/lib/Molecules/Video/Video.mdx
@@ -27,6 +27,37 @@ export const parameters = {
 
 The Video component is a feature-rich video player that supports multiple video sources and formats with enhanced accessibility features.
 
+### Installation
+
+`Video`'s player libraries are peer dependencies of `@codecademy/gamut`, so they aren't installed automatically. They're only needed if the `Video` component is used, which is imported from `@codecademy/gamut/Video`. The main `@codecademy/gamut` barrel never loads them, so apps that don't use `Video` can skip them. Add the following packages alongside Gamut to use `Video` (or the Markdown `Iframe`/`MarkdownVideo` overrides):
+
+```bash
+yarn add @vidstack/react@~1.12.12 react-player@^3.4.0
+```
+
+Pin the versions: `@vidstack/react`'s npm `latest` tag still points to 0.6.x (1.x is published under `next`), so a bare `yarn add @vidstack/react` installs 0.6, which lacks the `@vidstack/react/player/layouts/default` subpath `Video` imports and fails with `Module not found`. Versions 1.14+ use static class blocks, which break Jest in repos whose Babel config can't parse them (see "Babel and newer syntax" on the Installation page).
+
+After installing, your `package.json` should list the pinned versions under `dependencies`. No `resolutions` entry is needed:
+
+```json
+// package.json
+{
+  "dependencies": {
+    "@codecademy/gamut": "^73.6.2",
+    "@vidstack/react": "~1.12.12",
+    "react-player": "^3.4.0"
+  }
+}
+```
+
+Without them, your bundler will fail with `Can't resolve '@vidstack/react'` (or `'react-player'`) when you import from `@codecademy/gamut/Video`.
+
+```tsx
+import { Video } from '@codecademy/gamut/Video';
+```
+
+To render video content embedded in `Markdown` text, see the [Video overrides](/?path=/docs/organisms-markdown--page#video-overrides) section on the Markdown docs page instead of importing `Video` directly.
+
 ### Key Features
 
 - **Multiple Sources**: Supports YouTube, Vimeo, HLS, and DASH video streams
diff --git a/packages/styleguide/src/lib/Molecules/Video/Video.stories.tsx b/packages/styleguide/src/lib/Molecules/Video/Video.stories.tsx
index 331d24d4422..f02a010a29d 100644
--- a/packages/styleguide/src/lib/Molecules/Video/Video.stories.tsx
+++ b/packages/styleguide/src/lib/Molecules/Video/Video.stories.tsx
@@ -1,4 +1,4 @@
-import { Video } from '@codecademy/gamut';
+import { Video } from '@codecademy/gamut/Video';
 import type { Meta, StoryObj } from '@storybook/react';
 
 const meta: Meta<typeof Video> = {
@@ -29,7 +29,7 @@ export const Youtube: Story = {
 
 export const Vimeo: Story = {
   args: {
-    videoUrl: 'https://vimeo.com/773539409',
+    videoUrl: 'https://vimeo.com/1218916076',
     videoTitle: 'CODECADEMY | Develop Yourself',
   },
 };
diff --git a/packages/styleguide/src/lib/Organisms/Markdown/Markdown.mdx b/packages/styleguide/src/lib/Organisms/Markdown/Markdown.mdx
index 91d00101f2e..0ccb0ac683e 100644
--- a/packages/styleguide/src/lib/Organisms/Markdown/Markdown.mdx
+++ b/packages/styleguide/src/lib/Organisms/Markdown/Markdown.mdx
@@ -39,12 +39,29 @@ A common override may be to change the font size of a Header.
 
 <Canvas of={MarkdownStories.HeaderOverride} />
 
-### `skipDefaultOverides`
+### `skipDefaultOverrides`
 
-If you need to override a link, iframe, or table, you do not need to provide the `skipDefaultOverides` prop. This prop is now only used for removing the default heading, paragraph, and list element overrides.
+If you need to override a link or table, you do not need to provide the `skipDefaultOverrides` prop — just pass `overrides`. `skipDefaultOverrides` is only used for removing the default anchor, table, details, and checkbox overrides.
 
 <Canvas of={MarkdownStories.LinkOverride} />
 
+## Video overrides
+
+By default, `<iframe>` and `<video>` tags embedded in markdown text render as plain HTML tags, not Gamut's `Video` component. This is intentional: `Video` depends on `react-player`, whose own dependency tree relies on package.json `"exports"` subpaths that legacy bundlers (e.g. webpack 4) can't resolve. Statically importing it by default would force every `Markdown` consumer to resolve that tree, even ones that never render video content — so it's opt-in instead.
+
+To render YouTube/Vimeo iframes and `<video>` tags with the full `Video` component (play-icon overlay, light-mode thumbnail, captions, etc.), import `Iframe` and `MarkdownVideo` from `@codecademy/gamut/Video` (not the main `@codecademy/gamut` barrel) and pass them via the `iframeOverride`/`videoOverride` props:
+
+```tsx
+import { Markdown } from '@codecademy/gamut';
+import { Iframe, MarkdownVideo } from '@codecademy/gamut/Video';
+
+<Markdown
+  text={content}
+  iframeOverride={{ component: Iframe }}
+  videoOverride={{ component: MarkdownVideo }}
+/>;
+```
+
 ## Inline Markdown
 
 You can also provide use the Markdown component inline.
diff --git a/packages/styleguide/src/lib/Organisms/Markdown/Markdown.stories.tsx b/packages/styleguide/src/lib/Organisms/Markdown/Markdown.stories.tsx
index 5018b0f4048..b98a4ee240b 100644
--- a/packages/styleguide/src/lib/Organisms/Markdown/Markdown.stories.tsx
+++ b/packages/styleguide/src/lib/Organisms/Markdown/Markdown.stories.tsx
@@ -1,4 +1,5 @@
 import { Markdown, Text, TextProps } from '@codecademy/gamut';
+import { Iframe, MarkdownVideo } from '@codecademy/gamut/Video';
 import type { Meta, StoryObj } from '@storybook/react';
 
 import exampleMarkdown from './example.md';
@@ -23,8 +24,10 @@ This is markdown
 
 export const FullExample: Story = {
   args: {
+    iframeOverride: { component: Iframe },
     // Not sure why there's a type mismatch, but the story renders
     text: exampleMarkdown as any,
+    videoOverride: { component: MarkdownVideo },
   },
 };
 
@@ -76,6 +79,17 @@ export const LinkOverride: Story = {
   },
 };
 
+export const WithoutVideoOverride: Story = {
+  args: {
+    text: `<video width="100%" height="100%" align="middle" controls>
+  <source src="https://static-assets-staging.codecademy.com/test-locales/how-to-build-a-portfolio.mp4" type="video/mp4" />
+  <track src="https://static-assets-staging.codecademy.com/test-locales/how-to-build-a-portfolio.srt" type="srt" label="English" kind="subtitles" srclang="en-US" default="true" />
+  Your browser does not support the video tag.
+</video>
+`,
+  },
+};
+
 export const InlineMarkdown: Story = {
   args: { text: `this is an inline markdown component`, inline: true },
   render: (args) => {
diff --git a/packages/styleguide/src/lib/Organisms/Markdown/example.md b/packages/styleguide/src/lib/Organisms/Markdown/example.md
index 3b2edf22a02..8d9568d3474 100644
--- a/packages/styleguide/src/lib/Organisms/Markdown/example.md
+++ b/packages/styleguide/src/lib/Organisms/Markdown/example.md
@@ -347,7 +347,7 @@ Use the `printf()` function.
 
 ### Iframes
 
-Vimeo and Youtube video iframes will be rendered by our Video component (if showPlayerEmbed is true it will be rendered in actual embed), otherwise they'll render the original code.
+Vimeo and Youtube video iframes will be rendered by our Video component (if showPlayerEmbed is true it will be rendered in actual embed) when you pass the `iframeOverride` prop; otherwise they'll render as a plain `iframe`. See the [Video overrides](#video-overrides) section on the Markdown docs page for details.
 
 <iframe src="https://player.vimeo.com/video/188237476?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Studio Ghibli in Real Life"></iframe>
 
@@ -357,11 +357,11 @@ Vimeo and Youtube video iframes will be rendered by our Video component (if show
 
 ### Video
 
-`video`s with an `src` or a `source` video file will be rendered by our Video component, otherwise they'll render the original code. Videos with a `style` prop or another restricted prop will be stripped of that property.
-Insert `track` to add subtitles / captions to the video.
+`video`s with an `src` or a `source` video file will be rendered by our Video component when you pass the `videoOverride` prop; otherwise they'll render as a plain `video` tag. Videos with a `style` prop or another restricted prop will be stripped of that property.
+Insert `track` to add subtitles / captions to the video. The below video has the override, if you'd like to see a video without the override see the story below.
 
 <video width="100%" height="100%" align="middle" controls>
   <source src="https://static-assets-staging.codecademy.com/test-locales/how-to-build-a-portfolio.mp4" type="video/mp4" />
   <track src="https://static-assets-staging.codecademy.com/test-locales/how-to-build-a-portfolio.srt" type="srt" label="English" kind="subtitles" srclang="en-US" default="true" />
-  Your browser does not support the video tag. 
+  Your browser does not support the video tag.
 </video>
diff --git a/yarn.lock b/yarn.lock
index 498298c5a5b..4fa4d35b130 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1673,7 +1673,7 @@ __metadata:
     "@formatjs/intl-locale": "npm:5.3.1"
     "@react-aria/interactions": "npm:3.25.0"
     "@types/marked": "npm:^4.0.8"
-    "@vidstack/react": "npm:^1.12.12"
+    "@vidstack/react": "npm:~1.12.12"
     classnames: "npm:^2.2.5"
     framer-motion: "npm:^12.0.0"
     html-to-react: "npm:^1.6.0"
@@ -1684,7 +1684,7 @@ __metadata:
     react-aria-components: "npm:1.7.1"
     react-focus-on: "npm:3.10.0"
     react-hook-form: "npm:^7.71.2"
-    react-player: "npm:^2.16.0"
+    react-player: "npm:^3.4.0"
     react-select: "npm:^5.2.2"
     react-truncate-markup: "npm:^5.1.2"
     react-use: "npm:^17.6.1"
@@ -1692,9 +1692,11 @@ __metadata:
   peerDependencies:
     "@emotion/react": ^11.4.0
     "@emotion/styled": ^11.3.0
+    "@vidstack/react": ~1.12.12
     css-loader: ">=4.0.0"
     react: ^17.0.2 || ^18.3.0 || ^19.0.0
     react-dom: ^17.0.2 || ^18.3.0 || ^19.0.0
+    react-player: ^3.4.0
   peerDependenciesMeta:
     css-loader:
       optional: true
@@ -3391,6 +3393,71 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@mux/mux-data-google-ima@npm:^0.3.4":
+  version: 0.3.17
+  resolution: "@mux/mux-data-google-ima@npm:0.3.17"
+  dependencies:
+    mux-embed: "npm:5.18.1"
+  checksum: 10c0/31deb2e51d1989dd3eb570114dcbc3a5e0b4e23b7e7081bb01f863e3f6629b3777d51910235a0f869879c3efd999a8d0eea870862167ab4ccbc95fc1c33be145
+  languageName: node
+  linkType: hard
+
+"@mux/mux-player-react@npm:^3.8.0":
+  version: 3.13.3
+  resolution: "@mux/mux-player-react@npm:3.13.3"
+  dependencies:
+    "@mux/mux-player": "npm:3.13.3"
+    "@mux/playback-core": "npm:0.35.3"
+    prop-types: "npm:^15.8.1"
+  peerDependencies:
+    "@types/react": ^17.0.0 || ^17.0.0-0 || ^18 || ^18.0.0-0 || ^19 || ^19.0.0-0
+    react: ^17.0.2 || ^17.0.0-0 || ^18 || ^18.0.0-0 || ^19 || ^19.0.0-0
+    react-dom: ^17.0.2 || ^17.0.2-0 || ^18 || ^18.0.0-0 || ^19 || ^19.0.0-0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10c0/4012d161196bc6e523668d68a1286c97eb0b5911caa18df58fa0c15710c3ba8919aed692ca41c5026c4e17bc3a16a14737d4813306fa85f64f0ac436a06dba53
+  languageName: node
+  linkType: hard
+
+"@mux/mux-player@npm:3.13.3":
+  version: 3.13.3
+  resolution: "@mux/mux-player@npm:3.13.3"
+  dependencies:
+    "@mux/mux-video": "npm:0.31.3"
+    "@mux/playback-core": "npm:0.35.3"
+    media-chrome: "npm:~4.19.0"
+    player.style: "npm:^0.3.0"
+  checksum: 10c0/29bd0924d46ca9bfaadba31499f4dde0c5ccedf068bd43bde208edfa04446b32ba9d1e123235725159b66d47ad45ef2614c2aa6f7cd73a8535dc552ef489c4b2
+  languageName: node
+  linkType: hard
+
+"@mux/mux-video@npm:0.31.3":
+  version: 0.31.3
+  resolution: "@mux/mux-video@npm:0.31.3"
+  dependencies:
+    "@mux/mux-data-google-ima": "npm:^0.3.4"
+    "@mux/playback-core": "npm:0.35.3"
+    "@types/google_interactive_media_ads_types": "npm:^3.697.0"
+    castable-video: "npm:~1.1.13"
+    custom-media-element: "npm:~1.4.6"
+    media-tracks: "npm:~0.3.5"
+  checksum: 10c0/eae4fb8f16505e64650400ed5920e353e54447537bf254c6359a57714d05ade68aa8aeb7f53da1e5cc01c922634b7b6474ef13d416114591c221b45b0cfe2cbb
+  languageName: node
+  linkType: hard
+
+"@mux/playback-core@npm:0.35.3":
+  version: 0.35.3
+  resolution: "@mux/playback-core@npm:0.35.3"
+  dependencies:
+    hls.js: "npm:~1.6.15"
+    mux-embed: "npm:^5.16.1"
+  checksum: 10c0/36e18c99c0f6370c7a0cbc9b227086c42cd298a033aa23ef508a7b730fa5d7802856ed22e174a6222f5a5cd76e37409bd6115f628bc7bfdd365ee617881d62f3
+  languageName: node
+  linkType: hard
+
 "@napi-rs/wasm-runtime@npm:0.2.4":
   version: 0.2.4
   resolution: "@napi-rs/wasm-runtime@npm:0.2.4"
@@ -7031,6 +7098,72 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@svta/cml-608@npm:1.0.2":
+  version: 1.0.2
+  resolution: "@svta/cml-608@npm:1.0.2"
+  checksum: 10c0/ac1fc5cbf874a65319ebefe185f48200a9583da82f124fa4cf640ae140c101714e6a5a88a5e3e96766fdabb0845f7dff4220adb4a9a6289aff73864d79315c45
+  languageName: node
+  linkType: hard
+
+"@svta/cml-cmcd@npm:2.3.2":
+  version: 2.3.2
+  resolution: "@svta/cml-cmcd@npm:2.3.2"
+  peerDependencies:
+    "@svta/cml-structured-field-values": 1.1.3
+    "@svta/cml-utils": 1.5.0
+  checksum: 10c0/2e61b7bbdcbfc09181ece1e9054b9dd6902cdb8bc0645ca94f5b524498504f242dcc77b55fef2d748c2c614bc94c8a27eabecd61387a2e28f14d1987d247bce9
+  languageName: node
+  linkType: hard
+
+"@svta/cml-cmsd@npm:1.0.6":
+  version: 1.0.6
+  resolution: "@svta/cml-cmsd@npm:1.0.6"
+  peerDependencies:
+    "@svta/cml-cta": 1.0.6
+    "@svta/cml-structured-field-values": 1.1.3
+    "@svta/cml-utils": 1.5.0
+  checksum: 10c0/a037592ef01b987ab240836e368dc59e8e7800faf64f5e7d5d4fe4d7ec42849f6866b4e525f1960b8890eb32afa808f4619e30aae3ca6b9e6b8fc23094791d05
+  languageName: node
+  linkType: hard
+
+"@svta/cml-dash@npm:1.0.6":
+  version: 1.0.6
+  resolution: "@svta/cml-dash@npm:1.0.6"
+  peerDependencies:
+    "@svta/cml-utils": 1.5.0
+  checksum: 10c0/e9968f957a62661508a968cbdb49370d217d66db2657498ffa8ddaa033f441c41576b3ee20ab7f7e5bda8fee8972094756d1444f05d3ec4dd0f6ca8cebe61015
+  languageName: node
+  linkType: hard
+
+"@svta/cml-id3@npm:1.0.6":
+  version: 1.0.6
+  resolution: "@svta/cml-id3@npm:1.0.6"
+  peerDependencies:
+    "@svta/cml-utils": 1.5.0
+  checksum: 10c0/866f19b8a04389acec666d25cbfa299651191f22a87d5ffa3e2e15207e82ae40d7b02977e8c6055aa28f3fb70a8018efae62a22b759322859966e596f3a170d8
+  languageName: node
+  linkType: hard
+
+"@svta/cml-request@npm:1.0.12":
+  version: 1.0.12
+  resolution: "@svta/cml-request@npm:1.0.12"
+  peerDependencies:
+    "@svta/cml-cmcd": 2.3.2
+    "@svta/cml-utils": 1.5.0
+    "@svta/cml-xml": 1.1.4
+  checksum: 10c0/5e0cabb725f8712e60c06a02856440208d1a2d9cb75c494d5f8930a05e6bf8c90373f4fb8760ac40f07231d574779ad3b18e71d8657a7c1fb80a642651c92f73
+  languageName: node
+  linkType: hard
+
+"@svta/cml-xml@npm:1.1.4":
+  version: 1.1.4
+  resolution: "@svta/cml-xml@npm:1.1.4"
+  peerDependencies:
+    "@svta/cml-utils": 1.5.0
+  checksum: 10c0/09d881f9b9398b8b8c7f21c3e9869cac0a357a1a658c104d2c97ff64cdc1babd63d1e47d8961f9b6db14ec048e4cc0446a0e868970fafe8231fb51adb4e5de10
+  languageName: node
+  linkType: hard
+
 "@swc-node/core@npm:^1.14.1":
   version: 1.14.1
   resolution: "@swc-node/core@npm:1.14.1"
@@ -7625,6 +7758,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/google_interactive_media_ads_types@npm:^3.697.0":
+  version: 3.697.1
+  resolution: "@types/google_interactive_media_ads_types@npm:3.697.1"
+  checksum: 10c0/273e4119fdb6471e55abd4efeb6f333d6901cc4f4a6b1b2b14ad2ac17c3c3eeb10e1c781426914489e7dce3cc44028d4d5ce728df1cb2382b326698a04bc2e3a
+  languageName: node
+  linkType: hard
+
 "@types/hast@npm:^3.0.0":
   version: 3.0.4
   resolution: "@types/hast@npm:3.0.4"
@@ -8320,16 +8460,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vidstack/react@npm:^1.12.12":
-  version: 1.12.12
-  resolution: "@vidstack/react@npm:1.12.12"
+"@vidstack/react@npm:~1.12.12":
+  version: 1.12.13
+  resolution: "@vidstack/react@npm:1.12.13"
   dependencies:
     "@floating-ui/dom": "npm:^1.6.10"
     media-captions: "npm:^1.0.4"
   peerDependencies:
-    "@types/react": ^18.0.0
-    react: ^18.0.0
-  checksum: 10c0/a4deed92f6805b0ba5867e61960e29cf0de0ae2b23b4db197f8d1fbd2fea254a93958cf00227d60272a5f36d6421e55f82e78aa7585c4a633ad8a6767f9b0246
+    "@types/react": ^18.0.0 || ^19.0.0
+    react: ^18.0.0 || ^19.0.0
+  checksum: 10c0/b86f9ad1026b041eae54ba9f0840a826805252083bc6add75490ac243d316b19e937cf2e72db5a527193e1fb65adf73a1cd9ef58523559207947b7123dc4d11a
+  languageName: node
+  linkType: hard
+
+"@vimeo/player@npm:2.29.0":
+  version: 2.29.0
+  resolution: "@vimeo/player@npm:2.29.0"
+  dependencies:
+    native-promise-only: "npm:0.8.1"
+    weakmap-polyfill: "npm:2.0.4"
+  checksum: 10c0/f8481ee9bffb8732bad1ac2ff3a18b4a8ddf9025f090825c76530eed57585165f67ada2532b9386e2a79fdd55ec90256d2ea2b70f72ad28ef452a7ff3778853c
   languageName: node
   linkType: hard
 
@@ -9413,6 +9563,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"bcp-47-match@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "bcp-47-match@npm:2.0.3"
+  checksum: 10c0/ae5c202854df8a9ad4777dc3b49562578495a69164869f365a88c1a089837a9fbbce4c0c44f6f1a5e44c7841f47e91fe6fea00306ca49ce5ec95a7eb71f839c4
+  languageName: node
+  linkType: hard
+
 "big.js@npm:^5.2.2":
   version: 5.2.2
   resolution: "big.js@npm:5.2.2"
@@ -9740,6 +9897,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"castable-video@npm:~1.1.13":
+  version: 1.1.16
+  resolution: "castable-video@npm:1.1.16"
+  dependencies:
+    custom-media-element: "npm:~1.4.6"
+  checksum: 10c0/e9e8947697f3479f9911200968592d970a664880deff2bd34fd02e241203e97cb625ff37f29d01525fece1cbf2bebb8b3100b79843f67c93358796b7164ba30c
+  languageName: node
+  linkType: hard
+
 "ccount@npm:^2.0.0":
   version: 2.0.1
   resolution: "ccount@npm:2.0.1"
@@ -9747,6 +9913,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ce-la-react@npm:^0.3.2":
+  version: 0.3.2
+  resolution: "ce-la-react@npm:0.3.2"
+  peerDependencies:
+    react: ">=17.0.0"
+  checksum: 10c0/cbee7602c1e4efc1278e5c0847b8201fa291ad3a5bde4137da139a7b6a2b7b8de029530fb2c474e62fcc544e62669003e4a34fd1abafac8110d89ffade588c37
+  languageName: node
+  linkType: hard
+
 "chai@npm:^5.2.0":
   version: 5.3.3
   resolution: "chai@npm:5.3.3"
@@ -10027,6 +10202,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cloudflare-video-element@npm:^1.3.4":
+  version: 1.3.5
+  resolution: "cloudflare-video-element@npm:1.3.5"
+  checksum: 10c0/83734439b257feedfa25cc0ad63e78e97d6a98d1833f54aa5573a4c315207ee99f3b59d306fb9849041a6a5d35459d57a9436e443e0cce696c6c0dfeb2eb4b56
+  languageName: node
+  linkType: hard
+
 "clsx@npm:^2.0.0":
   version: 2.1.1
   resolution: "clsx@npm:2.1.1"
@@ -10052,6 +10234,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"codem-isoboxer@npm:0.3.10":
+  version: 0.3.10
+  resolution: "codem-isoboxer@npm:0.3.10"
+  checksum: 10c0/2df00af7ace2ba173d71ed95ed50774f486d2a54d3d979bb463f88cf8e551c83ff228ba625b7efdb9bfeddd22f3ad3ec717b5dc3e7176828eecf1b55dd8ee7e0
+  languageName: node
+  linkType: hard
+
 "collect-v8-coverage@npm:^1.0.2":
   version: 1.0.2
   resolution: "collect-v8-coverage@npm:1.0.2"
@@ -10813,6 +11002,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"custom-media-element@npm:^1.4.6, custom-media-element@npm:~1.4.6":
+  version: 1.4.6
+  resolution: "custom-media-element@npm:1.4.6"
+  checksum: 10c0/e47644f9f8f4f1ffdc0186d67d42b5472b9538f72d55a74283f820a5c411095849d029804263909b49b6bd79c7cc36399da827b45a733ed1f01b6ac5812cc045
+  languageName: node
+  linkType: hard
+
 "cwd@npm:^0.10.0":
   version: 0.10.0
   resolution: "cwd@npm:0.10.0"
@@ -10830,6 +11026,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dash-video-element@npm:^0.3.0":
+  version: 0.3.2
+  resolution: "dash-video-element@npm:0.3.2"
+  dependencies:
+    custom-media-element: "npm:^1.4.6"
+    dashjs: "npm:^5.0.3"
+    media-tracks: "npm:^0.3.5"
+  checksum: 10c0/2656d5815084e9e5cf3b34a50e22fe31fa814b5468f5c10880dc7c9dd07091df8aa87f6f62791a4a1cfc40429bf8a95ecb2e983ea8f52d053cc2de7de7680770
+  languageName: node
+  linkType: hard
+
 "dashify@npm:^2.0.0":
   version: 2.0.0
   resolution: "dashify@npm:2.0.0"
@@ -10837,6 +11044,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dashjs@npm:^5.0.3":
+  version: 5.2.1
+  resolution: "dashjs@npm:5.2.1"
+  dependencies:
+    "@svta/cml-608": "npm:1.0.2"
+    "@svta/cml-cmcd": "npm:2.3.2"
+    "@svta/cml-cmsd": "npm:1.0.6"
+    "@svta/cml-dash": "npm:1.0.6"
+    "@svta/cml-id3": "npm:1.0.6"
+    "@svta/cml-request": "npm:1.0.12"
+    "@svta/cml-xml": "npm:1.1.4"
+    bcp-47-match: "npm:^2.0.3"
+    codem-isoboxer: "npm:0.3.10"
+    fast-deep-equal: "npm:3.1.3"
+    html-entities: "npm:^2.6.0"
+    imsc: "npm:^1.1.5"
+    localforage: "npm:^1.10.0"
+    path-browserify: "npm:^1.0.1"
+  checksum: 10c0/a402b0ab2c0cbfa26fbc3f0c033d4db579fd0209329d9c76887b60a57e5c2eb17d0b2823adba871228013a86d48474239fa1f169858c09c2426fe00ef826d4ef
+  languageName: node
+  linkType: hard
+
 "data-urls@npm:^5.0.0":
   version: 5.0.0
   resolution: "data-urls@npm:5.0.0"
@@ -10990,7 +11219,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deepmerge@npm:^4.0.0, deepmerge@npm:^4.2.2, deepmerge@npm:^4.3.1":
+"deepmerge@npm:^4.2.2, deepmerge@npm:^4.3.1":
   version: 4.3.1
   resolution: "deepmerge@npm:4.3.1"
   checksum: 10c0/e53481aaf1aa2c4082b5342be6b6d8ad9dfe387bc92ce197a66dea08bd4265904a087e75e464f14d1347cf2ac8afe1e4c16b266e0561cc5df29382d3c5f80044
@@ -12504,7 +12733,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-deep-equal@npm:^3.1.1, fast-deep-equal@npm:^3.1.3":
+"fast-deep-equal@npm:3.1.3, fast-deep-equal@npm:^3.1.1, fast-deep-equal@npm:^3.1.3":
   version: 3.1.3
   resolution: "fast-deep-equal@npm:3.1.3"
   checksum: 10c0/40dedc862eb8992c54579c66d914635afbec43350afbbe991235fdcb4e3a8d5af1b23ae7e79bef7d4882d0ecee06c3197488026998fb19f72dc95acff1d1b1d0
@@ -13185,7 +13414,7 @@ __metadata:
     "@types/stylis": "npm:^4.2.0"
     "@typescript-eslint/eslint-plugin": "npm:^8.57.0"
     "@typescript-eslint/parser": "npm:^8.57.0"
-    "@vidstack/react": "npm:^1.12.12"
+    "@vidstack/react": "npm:~1.12.12"
     babel-jest: "npm:30.4.1"
     babel-plugin-macros: "npm:^3.0.1"
     commander: "npm:^14.0.3"
@@ -13679,6 +13908,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hls-video-element@npm:^1.5.9":
+  version: 1.5.11
+  resolution: "hls-video-element@npm:1.5.11"
+  dependencies:
+    custom-media-element: "npm:^1.4.6"
+    hls.js: "npm:^1.6.5"
+    media-tracks: "npm:^0.3.5"
+  checksum: 10c0/c9a0bae28e22dde450f4bf1dff3eca6c2ddfe1bac8543e51738f336241051bfad0b05fd8568b5e89c9ce0b62eacdaf6fbc58f29fcc567a216b4bdccce7ef0cf1
+  languageName: node
+  linkType: hard
+
+"hls.js@npm:^1.6.5":
+  version: 1.7.3
+  resolution: "hls.js@npm:1.7.3"
+  checksum: 10c0/c44c0098b9f4b53cb0c2cc2301d4cad907a77c60f470fa344b8cfc5077da4ccab9590d47e5cf81100a958d4aa43d7dc7bcb6566197fd9ae170ec10cea8af3e8c
+  languageName: node
+  linkType: hard
+
+"hls.js@npm:~1.6.15":
+  version: 1.6.19
+  resolution: "hls.js@npm:1.6.19"
+  checksum: 10c0/b249de61cf3d09f751e094f1a80f7e1993ac1ee3aa6ea6ec653a3bf9b62c3f20740a34b8ec404e91a2dcc3ecbeccff2998707522251dd316a33d7e699c196ea4
+  languageName: node
+  linkType: hard
+
 "hoist-non-react-statics@npm:^3.3.1":
   version: 3.3.2
   resolution: "hoist-non-react-statics@npm:3.3.2"
@@ -13754,10 +14008,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"html-entities@npm:^2.1.0":
-  version: 2.5.2
-  resolution: "html-entities@npm:2.5.2"
-  checksum: 10c0/f20ffb4326606245c439c231de40a7c560607f639bf40ffbfb36b4c70729fd95d7964209045f1a4e62fe17f2364cef3d6e49b02ea09016f207fde51c2211e481
+"html-entities@npm:^2.1.0, html-entities@npm:^2.6.0":
+  version: 2.6.0
+  resolution: "html-entities@npm:2.6.0"
+  checksum: 10c0/7c8b15d9ea0cd00dc9279f61bab002ba6ca8a7a0f3c36ed2db3530a67a9621c017830d1d2c1c65beb9b8e3436ea663e9cf8b230472e0e413359399413b27c8b7
   languageName: node
   linkType: hard
 
@@ -14092,6 +14346,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"immediate@npm:~3.0.5":
+  version: 3.0.6
+  resolution: "immediate@npm:3.0.6"
+  checksum: 10c0/f8ba7ede69bee9260241ad078d2d535848745ff5f6995c7c7cb41cfdc9ccc213f66e10fa5afb881f90298b24a3f7344b637b592beb4f54e582770cdce3f1f039
+  languageName: node
+  linkType: hard
+
 "immutable@npm:^5.0.2":
   version: 5.1.1
   resolution: "immutable@npm:5.1.1"
@@ -14128,6 +14389,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"imsc@npm:^1.1.5":
+  version: 1.1.5
+  resolution: "imsc@npm:1.1.5"
+  dependencies:
+    sax: "npm:1.2.1"
+  checksum: 10c0/e51014332569f9de1d2fda6eda407bf5c366f1b67fd268d37e24c191680b6f47597ff38ec2b47bc93a5d645991cfa222c29510bf6cbc4fb443db6856bb1ccbde
+  languageName: node
+  linkType: hard
+
 "imurmurhash@npm:^0.1.4":
   version: 0.1.4
   resolution: "imurmurhash@npm:0.1.4"
@@ -15797,6 +16067,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lie@npm:3.1.1":
+  version: 3.1.1
+  resolution: "lie@npm:3.1.1"
+  dependencies:
+    immediate: "npm:~3.0.5"
+  checksum: 10c0/d62685786590351b8e407814acdd89efe1cb136f05cb9236c5a97b2efdca1f631d2997310ad2d565c753db7596799870140e4777c9c9b8c44a0f6bf42d1804a1
+  languageName: node
+  linkType: hard
+
 "lilconfig@npm:^3.1.3":
   version: 3.1.3
   resolution: "lilconfig@npm:3.1.3"
@@ -15874,13 +16153,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"load-script@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "load-script@npm:1.0.0"
-  checksum: 10c0/9919c777fe83f8a3a917f65c9c3ab186ad8b194248c57f413ef6e610194abc8484d123a6838d77ab33e5fa1a05a676b5dfe779c38cfe602bdd27c239423d0acd
-  languageName: node
-  linkType: hard
-
 "loader-runner@npm:^4.3.1":
   version: 4.3.1
   resolution: "loader-runner@npm:4.3.1"
@@ -15906,6 +16178,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"localforage@npm:^1.10.0":
+  version: 1.10.0
+  resolution: "localforage@npm:1.10.0"
+  dependencies:
+    lie: "npm:3.1.1"
+  checksum: 10c0/00f19f1f97002e6721587ed5017f502d58faf80dae567d5065d4d1ee0caf0762f40d2e2dba7f0ef7d3f14ee6203242daae9ecad97359bfc10ecff36df11d85a3
+  languageName: node
+  linkType: hard
+
 "locate-path@npm:^5.0.0":
   version: 5.0.0
   resolution: "locate-path@npm:5.0.0"
@@ -16396,6 +16677,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"media-chrome@npm:~4.19.0":
+  version: 4.19.2
+  resolution: "media-chrome@npm:4.19.2"
+  dependencies:
+    ce-la-react: "npm:^0.3.2"
+  checksum: 10c0/e0c6b43835afe269658520d22f45cc1a29b3c1b5d98cc90f070e2aba284877d3297c74abe4069942d53f239aa3b66202d189641826363ce1dc6c9dc0d5674b4f
+  languageName: node
+  linkType: hard
+
+"media-played-ranges-mixin@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "media-played-ranges-mixin@npm:0.1.0"
+  checksum: 10c0/fb380096708dae897e2b1651b6f33c243bf932c733c2bd94e278eba3412dedceebcd6829be2fc677c79726c5eae9db8b09ad2f78eb1cbf1e7ad151801140bf3b
+  languageName: node
+  linkType: hard
+
+"media-tracks@npm:^0.3.5, media-tracks@npm:~0.3.5":
+  version: 0.3.5
+  resolution: "media-tracks@npm:0.3.5"
+  checksum: 10c0/a34402cb63dbf1c7d839595d0daf53b8df2a357f5fc71a365fe8427fd9013c09a3a957a6ad29a2bec177667f507ed7955eed71f7d12ced56e1f9edc8e178e93b
+  languageName: node
+  linkType: hard
+
 "media-typer@npm:0.3.0":
   version: 0.3.0
   resolution: "media-typer@npm:0.3.0"
@@ -17147,6 +17451,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mux-embed@npm:5.18.1, mux-embed@npm:^5.16.1":
+  version: 5.18.1
+  resolution: "mux-embed@npm:5.18.1"
+  checksum: 10c0/cbe80a0ab82e50191a0f610fce0ff4b063a49da119e284233dfa441d60eb6860dbfcebf468009e45f3a13927e883e9a122423b565b998c199c9524d73992f191
+  languageName: node
+  linkType: hard
+
 "nano-css@npm:^5.6.2":
   version: 5.6.2
   resolution: "nano-css@npm:5.6.2"
@@ -17184,6 +17495,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"native-promise-only@npm:0.8.1":
+  version: 0.8.1
+  resolution: "native-promise-only@npm:0.8.1"
+  checksum: 10c0/c1b41128ca9806818e12d0b84f7c71e88b1fa00f0f4857767d96206dbdd0af6755305103f55c583b045533185ffca863b0c34116ade507ff7ba2e417e076a5ac
+  languageName: node
+  linkType: hard
+
 "natural-compare@npm:^1.4.0":
   version: 1.4.0
   resolution: "natural-compare@npm:1.4.0"
@@ -18221,6 +18539,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-browserify@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "path-browserify@npm:1.0.1"
+  checksum: 10c0/8b8c3fd5c66bd340272180590ae4ff139769e9ab79522e2eb82e3d571a89b8117c04147f65ad066dccfb42fcad902e5b7d794b3d35e0fd840491a8ddbedf8c66
+  languageName: node
+  linkType: hard
+
 "path-exists@npm:^4.0.0":
   version: 4.0.0
   resolution: "path-exists@npm:4.0.0"
@@ -18389,6 +18714,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"player.style@npm:^0.3.0":
+  version: 0.3.4
+  resolution: "player.style@npm:0.3.4"
+  dependencies:
+    media-chrome: "npm:~4.19.0"
+  checksum: 10c0/9e598ca62ea6f0c61c2ebb3f9b03f14943eb83e9f87e9d7f1211767b5845d8515065c798801af3ecb0b9a0afc6660b6563f7877ee90082f8bdef0c57caab3ca6
+  languageName: node
+  linkType: hard
+
 "playwright-core@npm:1.58.2, playwright-core@npm:>=1.2.0":
   version: 1.58.2
   resolution: "playwright-core@npm:1.58.2"
@@ -18977,7 +19311,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:^15.6.0, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
+"prop-types@npm:^15.6.0, prop-types@npm:^15.6.2, prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -19268,7 +19602,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-fast-compare@npm:^3.0.1, react-fast-compare@npm:^3.2.2":
+"react-fast-compare@npm:^3.2.2":
   version: 3.2.2
   resolution: "react-fast-compare@npm:3.2.2"
   checksum: 10c0/0bbd2f3eb41ab2ff7380daaa55105db698d965c396df73e6874831dbafec8c4b5b08ba36ff09df01526caa3c61595247e3269558c284e37646241cba2b90a367
@@ -19372,18 +19706,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-player@npm:^2.16.0":
-  version: 2.16.0
-  resolution: "react-player@npm:2.16.0"
+"react-player@npm:^3.4.0":
+  version: 3.4.0
+  resolution: "react-player@npm:3.4.0"
   dependencies:
-    deepmerge: "npm:^4.0.0"
-    load-script: "npm:^1.0.0"
-    memoize-one: "npm:^5.1.1"
-    prop-types: "npm:^15.7.2"
-    react-fast-compare: "npm:^3.0.1"
+    "@mux/mux-player-react": "npm:^3.8.0"
+    cloudflare-video-element: "npm:^1.3.4"
+    dash-video-element: "npm:^0.3.0"
+    hls-video-element: "npm:^1.5.9"
+    spotify-audio-element: "npm:^1.0.3"
+    tiktok-video-element: "npm:^0.1.1"
+    twitch-video-element: "npm:^0.1.5"
+    vimeo-video-element: "npm:^1.6.1"
+    wistia-video-element: "npm:^1.3.5"
+    youtube-video-element: "npm:^1.8.0"
   peerDependencies:
-    react: ">=16.6.0"
-  checksum: 10c0/ee0f4cd3bd468b28af38dbbb65cae1659218153956f43c0bdd15cd8b38aaaf151deec43b93b7dd887c0ac28242a4ba7e9d01823351e78ba60ae04d5fb51defb4
+    "@types/react": ^17.0.0 || ^18 || ^19
+    react: ^17.0.2 || ^18 || ^19
+    react-dom: ^17.0.2 || ^18 || ^19
+  checksum: 10c0/189e763720a53899b8b4bce34221465a63ca02d861a9f1e6651069708669b3556a9b72e98a848660b4ce4dab1466d0da9edc16c82b8db573701dd0e5b2da4f0a
   languageName: node
   linkType: hard
 
@@ -20533,6 +20874,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sax@npm:1.2.1":
+  version: 1.2.1
+  resolution: "sax@npm:1.2.1"
+  checksum: 10c0/1ae269cfde0b3774b4c92eb744452b6740bde5c5744fe5cadef6f496e42d9b632f483fb6aff9a23c0749c94c6951b06b0c5a90a5e99c879d3401cfd5ba61dc02
+  languageName: node
+  linkType: hard
+
 "sax@npm:^1.2.4, sax@npm:^1.5.0":
   version: 1.6.0
   resolution: "sax@npm:1.6.0"
@@ -21169,6 +21517,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"spotify-audio-element@npm:^1.0.3":
+  version: 1.0.4
+  resolution: "spotify-audio-element@npm:1.0.4"
+  checksum: 10c0/a9ab6348d2769915774c08341c85a90033dfe58196dd67137e76048fccd89c97b9a82a5871f6352e736442a14a4d44c0a01bcaa1223cfa16f33bb8df5c682501
+  languageName: node
+  linkType: hard
+
 "sprintf-js@npm:~1.0.2":
   version: 1.0.3
   resolution: "sprintf-js@npm:1.0.3"
@@ -21650,6 +22005,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"super-media-element@npm:~1.4.2":
+  version: 1.4.2
+  resolution: "super-media-element@npm:1.4.2"
+  checksum: 10c0/cdb49318e163fe52305cc6a46629e210297faf6653a3135e8d0118e6a54bd170c065337f835cdf750f3f4ad8cf68e66dc2b5ceda0895c3fdfe1b31975d30a1f8
+  languageName: node
+  linkType: hard
+
 "supports-color@npm:^5.3.0":
   version: 5.5.0
   resolution: "supports-color@npm:5.5.0"
@@ -21961,6 +22323,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tiktok-video-element@npm:^0.1.1":
+  version: 0.1.2
+  resolution: "tiktok-video-element@npm:0.1.2"
+  checksum: 10c0/a8e52a6a035b565293b3959d6d931cf9235f8afdaca0faf3233374d7e473d512b66ee7a79e81fb230ba03835d2bbe2476c54c03832c25aa438c6a947803293ef
+  languageName: node
+  linkType: hard
+
 "tiny-invariant@npm:^1.3.3":
   version: 1.3.3
   resolution: "tiny-invariant@npm:1.3.3"
@@ -22293,6 +22662,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"twitch-video-element@npm:^0.1.5":
+  version: 0.1.6
+  resolution: "twitch-video-element@npm:0.1.6"
+  checksum: 10c0/7c7fcaafa754b8472d0f22bb5e5d9c54888e8e9b25312b3afdbf971cefb7b4a63f340316d91cc4c90873468d9e873bd08a330bded9df37c4755837e1b9dd5231
+  languageName: node
+  linkType: hard
+
 "type-check@npm:^0.4.0, type-check@npm:~0.4.0":
   version: 0.4.0
   resolution: "type-check@npm:0.4.0"
@@ -22987,6 +23363,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vimeo-video-element@npm:^1.6.1":
+  version: 1.7.3
+  resolution: "vimeo-video-element@npm:1.7.3"
+  dependencies:
+    "@vimeo/player": "npm:2.29.0"
+    media-played-ranges-mixin: "npm:^0.1.0"
+  checksum: 10c0/1e48ded1b25e83c6c76ebe161e362b40b51df81a81d869dc3204b86ddd0a6fb3d8f5a3f08edc13fa1712626eaa408597405869f490a74f2d34fce89e39bdaf8a
+  languageName: node
+  linkType: hard
+
 "w3c-xmlserializer@npm:^5.0.0":
   version: 5.0.0
   resolution: "w3c-xmlserializer@npm:5.0.0"
@@ -23083,6 +23469,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"weakmap-polyfill@npm:2.0.4":
+  version: 2.0.4
+  resolution: "weakmap-polyfill@npm:2.0.4"
+  checksum: 10c0/c1d46244ad456b05cfba7a0eb2f0236d7c85c8fa2500575aaa2fb0e77d85cccb72136f51a021de07e1d85a70d99aa272a149ac707093f485d924b7ebd5742eed
+  languageName: node
+  linkType: hard
+
 "webidl-conversions@npm:^3.0.0":
   version: 3.0.1
   resolution: "webidl-conversions@npm:3.0.1"
@@ -23439,6 +23832,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"wistia-video-element@npm:^1.3.5":
+  version: 1.4.0
+  resolution: "wistia-video-element@npm:1.4.0"
+  dependencies:
+    super-media-element: "npm:~1.4.2"
+  checksum: 10c0/42951c36ed645411eb597b49888e4989a6c858e11f9fc912a7a4170d0f9db066a2ca45a87a7d31fd9ab680fab2f89cf6fda8ea33703c421da2f7e9aff4398f31
+  languageName: node
+  linkType: hard
+
 "word-wrap@npm:^1.2.5":
   version: 1.2.5
   resolution: "word-wrap@npm:1.2.5"
@@ -23716,6 +24118,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"youtube-video-element@npm:^1.8.0":
+  version: 1.9.0
+  resolution: "youtube-video-element@npm:1.9.0"
+  dependencies:
+    media-played-ranges-mixin: "npm:^0.1.0"
+  checksum: 10c0/c1db4d2ddf0fe4d41ff15d7d395d0cf0d06d0b19b5f8e093d4c5bbc5cc965e3882ef64bba5d68a16762801c7788ba25e21799986e647c59cd76c9c81183ae018
+  languageName: node
+  linkType: hard
+
 "zwitch@npm:^2.0.0":
   version: 2.0.4
   resolution: "zwitch@npm:2.0.4"