[wp-trac] [WordPress Trac] #21480: Twenty Twelve: use FitVids to resize videos in small screens (was: Twenty Twelve: FitVids for TwentyTwelve)

[WordPress Trac]

#21480: Twenty Twelve: use FitVids to resize videos in small screens
---------------------------+------------------
 Reporter:  andyadams      |       Owner:
     Type:  enhancement    |      Status:  new
 Priority:  normal         |   Milestone:  3.5
Component:  Bundled Theme  |     Version:
 Severity:  normal         |  Resolution:
 Keywords:                 |
---------------------------+------------------
Changes (by lancewillett):

 * milestone:  Awaiting Review => 3.5


Old description:

> 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 [http://core.trac.wordpress.org/ticket/21382 #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.

New description:

 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:

 {{{
 http://www.youtube.com/watch?v=a1Y73sPHKxw
 }}}

 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 [http://core.trac.wordpress.org/ticket/21382 #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.

--

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/21480#comment:2>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software