1 files changed, 60 insertions, 0 deletions
diff --git a/src/app/movies/components/video_player.jsx b/src/app/movies/components/video_player.jsx
new file mode 100644
index 0000000..15db6a8
--- /dev/null
+++ b/src/app/movies/components/video_player.jsx
@@ -0,0 +1,60 @@
+"use client";
+
+import styles from "../styles/video_player.module.css";
+import { useState, useEffect } from "react";
+
+export default function VIDEO_PLAYER({ id: id }) {
+	const [frame, setFrame] = useState(null);
+
+	useEffect(() => {
+		make_player(`https://vidsrc.pro/embed/movie/${id}`);
+	}, []);
+
+	function make_player(url) {
+		setFrame(
+			<iframe
+				src={url}
+				referrerPolicy="origin"
+				allowFullScreen
+				height={500}
+				className={styles.VideoPlayer}
+			></iframe>
+		);
+	}
+
+	return (
+		<section className={styles.VideoContainer}>
+			<div>
+				<button
+					onClick={() =>
+						make_player(`https://vidsrc.pro/embed/movie/${id}`)
+					}
+				>
+					Vidsrc.pro
+				</button>
+				<button
+					onClick={() =>
+						make_player(`https://blackvid.space/embed?tmdb=${id}`)
+					}
+				>
+					Blackvid
+				</button>
+				<button
+					onClick={() =>
+						make_player(`https://vidsrc.to/embed/movie/${id}`)
+					}
+				>
+					Vidsrc.to
+				</button>
+				<button
+					onClick={() =>
+						make_player(`https://vidsrc.icu/embed/movie/${id}`)
+					}
+				>
+					Vidsrc.icu
+				</button>
+			</div>
+			{frame}
+		</section>
+	);
+}