docs: add Safari compatibility warnings for embed component

- Add warning to embed component page about Safari compatibility issues
- Recommend using <video> component instead for embedding videos
- Update markdown content page with same Safari warning
- Emphasize better cross-browser support with <video> component

Co-Authored-By: Colton Berry <[email protected]>

Author: devin-ai-integration[bot]

fern/products/docs/pages/component-library/default-components/embed.mdx

@@ -12,6 +12,10 @@ Fern also implements a custom component for embedding downloadable assets:
 
 - `<Download src="..." />` - read more about it [below](#downloadable-assets).
 
+<Warning>
+  The `<embed>` component is not well-supported on Safari and may cause compatibility issues. For embedding videos, use the `<video>` component instead, which provides better cross-browser support and more control over playback.
+</Warning>
+
 ## Properties
 
 <ParamField path="src" type="string" required={true}>
@@ -38,9 +42,9 @@ Fern also implements a custom component for embedding downloadable assets:
     <embed src="./growing-fern.mp4" type="video/mp4" style={{ aspectRatio: '16 / 9', width: '100%' }} />
     ```
 
-    <Note>
-        Videos with audio will automatically play when the page loads. If you want to prevent this behavior, consider using the [`<video>` component](/learn/docs/content/write-markdown#embedding-videos) instead, which provides more control over playback.
-    </Note>
+    <Warning>
+        The `<embed>` component is not well-supported on Safari and may cause compatibility issues. For embedding videos, use the [`<video>` component](/learn/docs/content/write-markdown#embedding-videos) instead, which provides better cross-browser support and more control over playback. Additionally, videos with audio will automatically play when the page loads with `<embed>`.
+    </Warning>
 
   </Tab>
   <Tab title="Example using `<video>`">

fern/products/docs/pages/component-library/writing-content/markdown.mdx

@@ -120,6 +120,10 @@ For example, to embed a video, use the following Markdown:
 
 <embed src="./embed-fern-waving.mp4" type="video/mp4" width="640px" height="360px" />
 
+<Warning>
+  The `<embed>` component is not well-supported on Safari and may cause compatibility issues. For embedding videos, use the `<video>` component instead (see below), which provides better cross-browser support and more control over playback.
+</Warning>
+
 ### Local videos
 
 You can embed videos in your documentation using the HTML `<video>` tag. This gives you control over video playback settings like autoplay, looping, and muting.