site: add hls-video page query params

muxinc · Sep 20, 2024 · 2c2f3ab · 2c2f3ab
1 parent f4adb76
commit 2c2f3ab
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