Add responsive youtube player component, hide related videos. (#85)

* Add responsive youtube player component, hide related videos.

* Use correct case for YouTube

Author: Pelsin

src/components/YoutubePlayer.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import styles from "@site/src/components/youTubePlayer.module.css";
+
+type YouTubePlayerTypes = {
+  videoId: string;
+};
+
+const YouTubePlayer = ({ videoId }: YouTubePlayerTypes) => (
+  <div className={styles.container}>
+    <iframe
+      allowFullScreen
+      height="480"
+      src={`https://www.youtube.com/embed/${videoId}?rel=0`}
+      width="853"
+    />
+  </div>
+);
+
+export default YouTubePlayer;

src/components/youtubePlayer.module.css

@@ -0,0 +1,16 @@
+.container {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
+}
+
+.container iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+}