diff --git a/public/videos/Generation War - Antagonizing Conversation.mp4 b/public/videos/Generation War - Antagonizing Conversation.mp4 deleted file mode 100644 index 705b632..0000000 Binary files a/public/videos/Generation War - Antagonizing Conversation.mp4 and /dev/null differ diff --git a/public/videos/Generation War - Field.mp4 b/public/videos/Generation War - Field.mp4 deleted file mode 100644 index c0fca19..0000000 Binary files a/public/videos/Generation War - Field.mp4 and /dev/null differ diff --git a/public/videos/Generation War - Operation Aftermaths.mp4 b/public/videos/Generation War - Operation Aftermaths.mp4 deleted file mode 100644 index c9c7a9e..0000000 Binary files a/public/videos/Generation War - Operation Aftermaths.mp4 and /dev/null differ diff --git a/public/videos/Generation War - Order for Execution.mp4 b/public/videos/Generation War - Order for Execution.mp4 deleted file mode 100644 index 36cd6eb..0000000 Binary files a/public/videos/Generation War - Order for Execution.mp4 and /dev/null differ diff --git a/public/videos/Generation War - Party Pray.mp4 b/public/videos/Generation War - Party Pray.mp4 deleted file mode 100644 index 1c92b21..0000000 Binary files a/public/videos/Generation War - Party Pray.mp4 and /dev/null differ diff --git a/public/videos/Generation War - Party.mp4 b/public/videos/Generation War - Party.mp4 deleted file mode 100644 index e83850d..0000000 Binary files a/public/videos/Generation War - Party.mp4 and /dev/null differ diff --git a/public/videos/Generation War - Receiving Order.mp4 b/public/videos/Generation War - Receiving Order.mp4 deleted file mode 100644 index 91bc029..0000000 Binary files a/public/videos/Generation War - Receiving Order.mp4 and /dev/null differ diff --git a/public/videos/Generation War - The Talk.mp4 b/public/videos/Generation War - The Talk.mp4 deleted file mode 100644 index d234c52..0000000 Binary files a/public/videos/Generation War - The Talk.mp4 and /dev/null differ diff --git a/src/App.tsx b/src/App.tsx index c2457b1..3c666b1 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -19,7 +19,7 @@ import {videos as data} from "./videos" import {Footer, Header, MovieList, PlayingVideo, PlayList} from "./components"; function App() { - const videos: { title: string, duration: string, transcript: JSX.Element }[] = data + const videos: { title: string, duration: string, transcript: JSX.Element, googleDriveVideoId: string }[] = data const [playingTitle, setPlayingTitle] = useState(videos[0].title) return ( @@ -44,6 +44,7 @@ function App() { video.title === playingTitle)[0].transcript} + googleDriveVideoId={videos.filter(video => video.title === playingTitle)[0].googleDriveVideoId} /> diff --git a/src/components/PlayingVideo.css b/src/components/PlayingVideo.css index f8d18bc..84cd577 100644 --- a/src/components/PlayingVideo.css +++ b/src/components/PlayingVideo.css @@ -28,6 +28,12 @@ border-radius: 2rem; } +.playingVideo iframe { + width: 100%; + margin-top: 1rem; + border-radius: 2rem; +} + .playingVideo .transcriptTitle { color: var(--primary-green); margin-top: 1rem; diff --git a/src/components/PlayingVideo.tsx b/src/components/PlayingVideo.tsx index 4727047..c6ee3e9 100644 --- a/src/components/PlayingVideo.tsx +++ b/src/components/PlayingVideo.tsx @@ -19,13 +19,14 @@ import "./PlayingVideo.css" interface PlayingVideoProps { videoTitle: string; transcript: JSX.Element + googleDriveVideoId: string; } export default function PlayingVideo(props: PlayingVideoProps) { return (

{props.videoTitle}

- +
Clip Transcript
{props.transcript}
diff --git a/src/videos.tsx b/src/videos.tsx index 7af4a02..994d24f 100644 --- a/src/videos.tsx +++ b/src/videos.tsx @@ -37,7 +37,8 @@ export const videos = [ - Ich würde gern mitmachen, wie mein Vater 1913, aber wenn ihr verliert, heißt es wieder Wir waren schon.
- Das ist eben kein Land für Schwächlinge und Volksfremde.
- Jeder muss Opfer bringen.
- + , + "googleDriveVideoId": "1zujoQIfttTNmLmmHsle70P6453UyZPQc" }, { "title": "Generation War - Party Pray", @@ -58,7 +59,8 @@ export const videos = [
Wir waren fünf Freunde. Wir waren jung und wir wussten, dass uns die Zukunft gehören würde. Die ganze Welt lag vor uns. Wir mussten nur zugreifen. Wir waren unsterblich. Wir sollten es bald besser wissen. - + , + "googleDriveVideoId": "1jiUXFSGnQHiBrnn6d7-aYcQNKP0xBN3U" }, { "title": "Generation War - Field", @@ -98,7 +100,8 @@ export const videos = [ - Koch, wie viel hast du?
- Koch hat bestimmt schon zehn.
- Dann schreibt Freitag seiner Frau morgen 'ne Karte vom Roten Platz.
- + , + "googleDriveVideoId": "17k_eaJNcKe4fOvWZ8jbW3sYUP56ehRzn" }, { "title": "Generation War - Receiving Order", @@ -120,7 +123,8 @@ export const videos = [ - Jetzt gibt's was vor die Flinte, Mädels. Verstanden?
- Jawohl, Herr Hauptoffizier.
- Na dann, verhauen wir mal den Iwan ein bisschen, ne? - + , + "googleDriveVideoId": "1ANrwjz1j7LrXAjWQOp5p3NQR6gluMzkS" }, { "title": "Generation War - Operation Aftermaths", @@ -144,7 +148,8 @@ export const videos = [ - Das ist für den Küchenbullen. Ich hab ein Rezept für Fleischsuppe von meiner Großmutter.
- Komm, Schnitzel.
- Komm. Komm, Schnitzel. - + , + "googleDriveVideoId": "1XV66QYsGJvoUYfMviFE-OmvLKZgw-jbH" }, { "title": "Generation War - The Talk", @@ -172,7 +177,8 @@ export const videos = [
- Habt ihr was von Freitag gehört?
- Er ist im Lazarett.
- + , + "googleDriveVideoId": "1Ijmnpioxuwpo_HyGi1Rm2bYGiUvK9TkH" }, { "title": "Generation War - Order for Execution", @@ -185,7 +191,8 @@ export const videos = [ - Aber der Mann ist Kriegsgefangener.
- Sie kennen den Befehl.
- Die Sowjets haben die Genfer Konvention nicht unterschrieben. Die Kommissare sind sofort zu exekutieren. Das ist kein normaler Krieg, sondern eine Weltanschauung. Tun Sie es abseits, sodass die Truppe nicht verroht. - + , + "googleDriveVideoId": "1sCbtqb7JWMqPcqh1EbFIiXN2ZaCGivBw" }, { "title": "Generation War - Antagonizing Conversation", @@ -213,6 +220,7 @@ export const videos = [ - Nein, das hätten wir nicht.
- Denkst du, der Russe würde es anders mit uns machen?
- Vielleicht ist er gerade dabei, von uns zu lernen.
- + , + "googleDriveVideoId": "1Bwws-Dy2Cs4VQV0TPd-ewfvcidzCw5zV" } ]