added embedding youtube videos

Author: LuSilvaDeveloper

CHANGELOG.md

@@ -112,4 +112,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ### Added
 
-- Added Google Analytics 4 Integration
+- Added Google Analytics 4 Integration
+
+### Added
+
+- Added Embeded Youtube videos

_includes/Youtube/index.js

@@ -0,0 +1,13 @@
+import S from './styles';
+
+const YoutubeEmbed = ({ id }) => {
+  const url = `https://www.youtube.com/embed/${id}`;
+
+  return (
+    <S.YoutubeContainer>
+      <S.YoutubeIframe src={url} allowfullscreen />
+    </S.YoutubeContainer>
+  );
+};
+
+export default YoutubeEmbed;

_includes/Youtube/styles.js

@@ -0,0 +1,21 @@
+import styled from 'styled-components'
+
+const YoutubeContainer = styled.div`
+  position: relative;
+  padding-bottom: 56.25%;
+  height: 0;
+  overflow: hidden;
+  max-width: 100%;
+`;
+
+const YoutubeIframe = styled.iframe`
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+
+
+`;
+
+export default { YoutubeContainer, YoutubeIframe };