fix youtube iframe scaling (#33)

BetterDiscord · Dec 21, 2024 · ac604fb · ac604fb
1 parent e20e64d
commit ac604fb
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/docs/users/getting-started/installation.md b/docs/users/getting-started/installation.md
@@ -17,7 +17,7 @@ If you experience any issues following these steps, try the [troubleshooting](./
 
 If you prefer a video tutorial, take a look at this:
 
-<iframe width="688" height="386" src="https://www.youtube.com/embed/n_CCYtIZj0Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<iframe style="width: 100%; aspect-ratio: 16 / 9; max-width: 688px;" src="https://www.youtube.com/embed/n_CCYtIZj0Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
 ### Step-by-Step
 

diff --git a/docs/users/guides/installing-addons.md b/docs/users/guides/installing-addons.md
@@ -9,7 +9,7 @@ description: How to extend BetterDiscord.
 
 The second half of this video shows exactly how to install addons.
 
-<iframe width="688" height="386" src="https://www.youtube.com/embed/U0tTENsBS4w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<iframe style="width: 100%; aspect-ratio: 16 / 9; max-width: 688px;" src="https://www.youtube.com/embed/U0tTENsBS4w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
 ## Step-by-Step
 

diff --git a/docs/users/index.md b/docs/users/index.md
@@ -15,7 +15,7 @@ order: 1
 
 Understand the basics in **under 2 minutes** by following this video guide:
 
-<iframe width="688" height="386" src="https://www.youtube.com/embed/U0tTENsBS4w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<iframe style="width: 100%; aspect-ratio: 16 / 9; max-width: 688px;" src="https://www.youtube.com/embed/U0tTENsBS4w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
 ## Core Features