Load iframe.ly/embed.js for embeds

GitbookIO · Apr 8, 2024 · a6dec33 · a6dec33
1 parent 4f743c6
commit a6dec33
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/src/components/DocumentView/Embed.tsx b/src/components/DocumentView/Embed.tsx
@@ -1,4 +1,6 @@
 import { DocumentBlockEmbed } from '@gitbook/api';
+import Script from 'next/script';
+
 
 import { Card } from '@/components/primitives';
 import { api } from '@/lib/api';
@@ -15,11 +17,15 @@ export async function Embed(props: BlockProps<DocumentBlockEmbed>) {
     return (
         <Caption {...props}>
             {embed.type === 'rich' ? (
-                <div
-                    dangerouslySetInnerHTML={{
-                        __html: embed.html,
-                    }}
-                />
+                <>
+                    <div
+                        dangerouslySetInnerHTML={{
+                            __html: embed.html,
+                        }}
+                    />
+                    {/* We load the iframely script to resize the embed iframes dynamically */}
+                    <Script src="https://cdn.iframe.ly/embed.js" defer async />
+                </>
             ) : (
                 <Card
                     leadingIcon={