Comments on: Fluid Width YouTube Videos

By: Arby

Arby — Thu, 04 Aug 2011 17:25:53 +0000

Thanks! Works well with vimeo too. How would you target more than one type?
say vimeo and youtube?

By: molbal

molbal — Tue, 28 Jun 2011 20:33:30 +0000

You own too many Apple products ;) Iframes are not iFrames!

By: milf

milf — Tue, 14 Jun 2011 11:52:53 +0000

yeah i love this. it is cool to host your own videos like chris does, but it’s so easy to just let youtube do the heavy work, and i am obsessed with fluid width ever since i started learning css.

By: Oscar Broman

Oscar Broman — Sat, 11 Jun 2011 17:53:53 +0000

Another cool thing this allows you to do is wrap the iframe in a surrounding element, set the iframe width/height to 100%, set overflow: auto and resize: both for the surrounding element. Pretty cool!

By: Some guy

Some guy — Fri, 10 Jun 2011 15:22:16 +0000

Everyone watching in fullscreen anyway.

By: Ali

Ali — Fri, 10 Jun 2011 09:55:12 +0000

turkey?

By: James

James — Thu, 09 Jun 2011 17:51:00 +0000

So elegant – loving the simplicity. Bookmarked!

By: cancel bubble

cancel bubble — Thu, 09 Jun 2011 13:56:16 +0000

A side note….If you’re using a element, I think you can use max-width:100%; and it’ll flex to fit whatever parent it’s in (like an image). Won’t work in IE6, however.

By: Chris Coyier

Chris Coyier — Thu, 09 Jun 2011 13:17:43 +0000

Hate to be a nag but I feel like if you read the article it covers that.

By: Sam Blowes

Sam Blowes — Thu, 09 Jun 2011 12:38:48 +0000

Am I missing something here? Im sure you can have fluid width video’s without the need for JavaScript, Ive done it myself on a number of sites…

Take this demo page for example.

http://webdesignerwall.com/demo/elastic-videos/