mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
cc8b809999
This PR updates the with-videojs example to use the App Router. Here are the changes that have been made: - Renamed the pages folder to the app folder. - Updated the routing for / files to align with the App Router. - Added the layout.tsx file as part of the App Router. - Updated the package.json file. The following actions were performed as part of this PR: - Ran `pnpm prettier-check `with no issues found. - Executed the `pnpm check-examples` script. CC: @samcx --------- Co-authored-by: samcx <[email protected]>
25 lines
464 B
TypeScript
25 lines
464 B
TypeScript
// app/page.tsx
|
|
import Player from "./_components/Player";
|
|
import PlayerCSS from "./_components/PlayerCss";
|
|
|
|
export default function Home() {
|
|
const videoJsOptions = {
|
|
techOrder: ["youtube"],
|
|
autoplay: false,
|
|
controls: true,
|
|
sources: [
|
|
{
|
|
src: "https://www.youtube.com/watch?v=IxQB14xVas0",
|
|
type: "video/youtube",
|
|
},
|
|
],
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<Player {...videoJsOptions} />
|
|
<PlayerCSS />
|
|
</>
|
|
);
|
|
}
|