fix: add support for player-only <source> tag (#284)

fix #262
muxinc · Aug 2, 2024 · e1ed50f · e1ed50f
1 parent 118ec75
commit e1ed50f
Show file tree

Hide file tree

Showing 7 changed files with 145 additions and 115 deletions.
diff --git a/examples/default-provider/app/(default)/source-tag/page.tsx b/examples/default-provider/app/(default)/source-tag/page.tsx
@@ -0,0 +1,18 @@
+import { Metadata } from 'next';
+import Player from 'next-video/player';
+
+export const metadata: Metadata = {
+  title: 'next-video - Player only',
+};
+
+export default function Page() {
+  return (
+    <>
+      <section>
+        <Player style={{ display: 'grid', width: '100%', aspectRatio: 1.9 }}>
+          <source src="/country-clouds" type="video/mp4" />
+        </Player>
+      </section>
+    </>
+  );
+}
diff --git a/examples/default-provider/app/sidebar-nav.tsx b/examples/default-provider/app/sidebar-nav.tsx
@@ -26,6 +26,9 @@ export default function SidebarNav() {
       <li>
         <Link className={`link ${pathname === '/player-only' ? 'active' : ''}`} href="/player-only">Player only</Link>
       </li>
+      <li>
+        <Link className={`link ${pathname === '/source-tag' ? 'active' : ''}`} href="/source-tag">Source tag</Link>
+      </li>
     </ul>
   </nav>
 }
diff --git a/examples/default-provider/package-lock.json b/examples/default-provider/package-lock.json
diff --git a/examples/default-provider/package.json b/examples/default-provider/package.json
@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "next": "14.2.2",
+    "next": "14.2.5",
     "next-video": "file:../..",
     "open-props": "^1.7.3",
     "react": "^18",

diff --git a/examples/default-provider/public/country-clouds b/examples/default-provider/public/country-clouds