Add height attributes to iframe elements

Updated iframe elements to include height attributes for better responsiveness.

Author: ewowi

docs/develop/overview.md

@@ -9,10 +9,10 @@
 * [Sveltekit](https://moonmodules.org/MoonLight/develop/sveltekit/): Explaining the repository MoonLight is forked from
 
 <div class="video-wrapper">
-  <iframe width="560" src="https://www.youtube.com/embed/tdrU9yGkyVo" frameborder="0" allowfullscreen></iframe>
+  <iframe width="560" height="315" src="https://www.youtube.com/embed/tdrU9yGkyVo" frameborder="0" allowfullscreen></iframe>
 </div>
 
-<iframe width="560"
+<iframe width="560" height="315"
   src="https://www.youtube.com/embed/tdrU9yGkyVo"
   title="YouTube video player"
   frameborder="0"
@@ -21,7 +21,7 @@
 </iframe>
 
 
-<iframe width="560" 
+<iframe width="560" height="315"
   src="https://www.youtube.com/embed/tdrU9yGkyVo" 
   title="YouTube video player" 
   frameborder="0" 
@@ -32,7 +32,7 @@
 
 <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;">
   <iframe 
-    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" 
+    style="position: absolute; top: 0; left: 0; width: "560"; height: "315";" 
     src="https://www.youtube.com/embed/tdrU9yGkyVo" 
     frameborder="0" 
     allowfullscreen>
@@ -41,7 +41,7 @@
 
 
 <div class="video-container">
-  <iframe src="https://www.youtube.com/embed/VIDEO_ID" 
+  <iframe src="https://www.youtube.com/embed/tdrU9yGkyVo" 
     frameborder="0" allowfullscreen>
   </iframe>
 </div>