Files
jovies/services/nextjs/components/movie-videos.tsx
Mayne0213 3c10907a97 INIT(app): initial commit
- Initialize project structure
- Add base configuration
2025-11-22 23:44:51 +09:00

25 lines
737 B
TypeScript

import styles from "../styles/movie-videos.module.css";
const URL = "https://nomad-movies.nomadcoders.workers.dev/movies";
async function getVideos(id: string) {
const response = await fetch(`${URL}/${id}/videos`);
return response.json();
}
export default async function VideosInfo({ id }: { id: string }) {
const videos = await getVideos(id);
return (
<div className={styles.container}>
{videos.map((video: any) => (
<iframe
key={video.id}
src={`https://youtube.com/embed/${video.key}`}
title={video.name}
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
/>
))}
</div>
);
}