Fix size of embedded YouTube videos on mobile

Author: chrisglein

_posts/2011-07-26-musteatbrains.md

@@ -26,6 +26,6 @@ The marketplace description:
 
 The trailer:
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/MseOrMhWtyM?si=iKWPCYaJQ4nu1xp7" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe class="embeddedVideo" src="https://www.youtube.com/embed/MseOrMhWtyM?si=iKWPCYaJQ4nu1xp7" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 Download it for your Windows Phone [here](http://windowsphone.com/s?appid=feabce8d-c6af-e011-a53c-78e7d1fa76f8).

_posts/2025-02-13-First-50-Songs-You-Should-Play-On-Bass.md

@@ -17,7 +17,7 @@ pre {
 As I learned to play guitar first, my bass guitar playing is a but too... guitar-like. Poking around on YouTube I came across a video that goes through [50 songs to learn on bass](https://www.youtube.com/watch?v=vWXgxssar9M). I thought I'd try walking through that myself, grabbing tab for each. And as long as I'm doing that, I might as well share.
 <!--more-->
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/vWXgxssar9M?si=ggud8eh5Y09_yTeP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe class="embeddedVideo" src="https://www.youtube.com/embed/vWXgxssar9M?si=ggud8eh5Y09_yTeP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
 ### 1. [Talking Heads - Psycho Killer (1977)](https://tabs.ultimate-guitar.com/tab/talking-heads/psycho-killer-bass-1065)
 

public/css/site.css

@@ -268,4 +268,15 @@ a.feature:hover {
 .feature:hover h2 + div,
 .feature:hover h3 + div {
   color: #FFF8FF;
+}
+
+iframe.embeddedVideo {
+  width: 560px;
+  height: 315px;
+}
+@media (max-width: 480px) {
+  iframe.embeddedVideo {
+      width: 100%;
+      height: 270px;
+  }
 }