diff --git a/src/common/home/Home.jsx b/src/common/home/Home.jsx
index ee568f9343..27727dbba5 100644
--- a/src/common/home/Home.jsx
+++ b/src/common/home/Home.jsx
@@ -8,8 +8,7 @@ import { BsGithub } from 'react-icons/bs';
 import { FiStar } from "react-icons/fi";
 import { ReactComponent as Flower } from "images/icon-flower.svg";
 import { MdManageSearch } from "react-icons/md";
-// import { IoPlayOutline } from "react-icons/io5";
-
+import YoutubeVideoEmbed from 'common/components/YouTubeEmbed';
 import FeaturedPlays from "common/playlists/FeaturedPlays";
 import Contributors from "./Contributors";
 
@@ -52,16 +51,9 @@ const Home = () => {
               <BsGithub className="icon" />
               <span className="btn-label">GitHub <div className="label-info-more"><FiStar /> <div className="more-label">{gitHubStars}</div></div> </span>
             </a>
-            {/*<a
-              href="https://www.youtube.com/watch?v=rysTbzKOEO0"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="body-c2a-btn"
-            >
-              <IoPlayOutline className="icon" />
-              <span className="btn-label">See how it works</span>
-            </a>
-            */}
+          </div>          
+          <div className="video">
+            <YoutubeVideoEmbed videoId="XrWonrp296w" title="🤩 Introducing ReactPlay - An Opensource Platform to Create, Learn, and Share ReactJS Projects" />
           </div>
         </div>
       </section>
diff --git a/src/common/home/home.css b/src/common/home/home.css
index d0a2f269a8..e8132b546d 100644
--- a/src/common/home/home.css
+++ b/src/common/home/home.css
@@ -164,7 +164,7 @@
 .video {
     width: 60%;
     max-width: 720px;
-    margin: 0 auto 8rem auto;
+    margin: 6rem auto 0 auto;
     box-shadow: 0px 0 26px 0px rgba(var(--color-neutral-90-rgb),0.62);
     -webkit-box-shadow: 0px 0 26px 0px rgba(var(--color-neutral-90-rgb),0.62);
     -moz-box-shadow: 0px 0 26px 0px rgba(var(--color-neutral-90-rgb),0.62);