I've embedded a number of youtube videos on my site and they are all playing fine. However, when I view my webpage on an iphone or other small screen, the video icons look distorted in terms of dimension (the width looks fine, but the the height is too much). Note, then when you play the videos, they move to full screen and look fine. My problem is with the actual embedded image on the page.
I would like to resize the youtube videos so they look more like squares than rectangles on small mobile devices (which would require reducing the height). Is there anyway to make these video embeds responsive? I know you can use youtube shortcode to change the height . . .but I want to change the height only on the small mobile screens. Any suggestions?
Thanks in advance!
The blog I need help with is thedoublecuts.com.