mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +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]>
20 lines
522 B
TypeScript
20 lines
522 B
TypeScript
import "videojs-youtube";
|
|
|
|
export default function PlayerCSS() {
|
|
return (
|
|
<>
|
|
<h1>The implementation below is without react functions</h1>
|
|
<div data-vjs-player>
|
|
<video
|
|
id="my-video"
|
|
className="video-js vjs-theme-city"
|
|
playsInline
|
|
controls
|
|
preload="auto"
|
|
data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=IkOVe40Sy0U"}] }'
|
|
></video>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|