fix youtube iframe scaling (#33)

Author: Huderon

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
 

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
 

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