site: add hls-video example url params

muxinc · Sep 21, 2024 · 55c0187 · 55c0187
1 parent f4adb76
commit 55c0187
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/examples/nextjs/app/hls-video/page.tsx b/examples/nextjs/app/hls-video/page.tsx
@@ -6,7 +6,15 @@ export const metadata: Metadata = {
   title: 'HLS Video - Media Elements',
 };
 
-export default function Page() {
+type PageProps = {
+  searchParams: {
+    autoplay: string;
+    muted: string;
+    preload: string;
+  };
+};
+
+export default function Page(props: PageProps) {
   return (
     <>
       <section>
@@ -18,6 +26,9 @@ export default function Page() {
           controls
           crossOrigin=""
           playsInline
+          autoPlay={props.searchParams?.autoplay}
+          muted={props.searchParams?.muted}
+          preload={props.searchParams?.preload}
           suppressHydrationWarning
         >
           <track