diff --git a/components/StyledMarkdown.tsx b/components/StyledMarkdown.tsx
index de7dfa7..38dd4b9 100644
--- a/components/StyledMarkdown.tsx
+++ b/components/StyledMarkdown.tsx
@@ -38,10 +38,20 @@ export const StyledMarkdown = ({ html }: { html: string }) => {
           url.origin.includes("youtube.com") &&
           props.node.position.start.column === 1
         ){
-          return <YouTube videoId={url.searchParams.get("v") || "dQw4w9WgXcQ"} />;
+          return (  
+          <div>
+          <iframe
+            src={'https://www.youtube.com/embed/' + url.searchParams.get("v") }
+            width="100%"
+            height="100%"
+            allowFullScreen
+            >
+          </iframe>
+            </div>
+          );
         }
       } catch (e) {
-        //console.log(e);
+        console.log(e);
       }
 
       return <a {...props} />;