FitVids for TwentyTwelve — at Initial Version
|Reported by:||andyadams||Owned by:|
|Cc:||ryan@…, rfair404, j@…, edward.caissie@…|
Currently videos in TwentyTwelve don't look so hot when the view window is scaled down. The problem can be accentuated if you used an embed code that is much wider than the content area. To replicate, try pasting this embed from YouTube into any page or post:
<iframe width="1200" height="900" src="http://www.youtube.com/embed/a1Y73sPHKxw?rel=0" frameborder="0" allowfullscreen></iframe>
I've never extensively looked into HTML/CSS-only solutions for this, but from my limited looking around it seems to be an unsolved issue for responsive sites. However, there is indeed a jQuery solution called FitVids that handles this very well: https://github.com/davatron5000/FitVids.js. This was mentioned by @chriswallace in #21382. FitVids was overkill for his particular issue, but I still think it warrants being added to TwentyTwelve barring discovery of a simpler option.
Patch is incoming.