diff --git a/.changeset/soft-pandas-reflect.md b/.changeset/soft-pandas-reflect.md new file mode 100644 index 000000000..ac0a5d8b9 --- /dev/null +++ b/.changeset/soft-pandas-reflect.md @@ -0,0 +1,5 @@ +--- +"@hashicorp/react-inline-video": minor +--- + +feat(inline video): add `videoClassName` prop diff --git a/packages/inline-video/index.tsx b/packages/inline-video/index.tsx index 7dad52619..8e2e9ed4f 100644 --- a/packages/inline-video/index.tsx +++ b/packages/inline-video/index.tsx @@ -17,6 +17,7 @@ export default function InlineVideo(props: InlineVideoProps) { url, description, solution, + videoClassName, } = props const playerProps = { @@ -44,7 +45,7 @@ export default function InlineVideo(props: InlineVideoProps) { data-testid="wpl-inline-video" >
-
+
{hasWindow ? ( <> {url.includes('wistia') ? ( diff --git a/packages/inline-video/types.ts b/packages/inline-video/types.ts index a4de35f1b..4a77f6aba 100644 --- a/packages/inline-video/types.ts +++ b/packages/inline-video/types.ts @@ -9,4 +9,5 @@ export interface InlineVideoProps { description?: string solution?: 'infrastructure' | 'security' | 'networking' | 'applications' gradientPosition?: 'left' | 'right' | false + videoClassName?: string }