[css-d] responsive video

2013-09-18 Thread Ron Zisman
http://decal-bone.com/lab_stories.html i'm trying to embed a video from youtube and make it responsive. i'd like to make 100% of the center column; but i'm getting a miniature version. css is in the head of the document. any help would be appreciated --ron

Re: [css-d] responsive video

2013-09-18 Thread Chris Rockwell
I use the last solution here: http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php which is taken from Thierry Koblentz' solution here: http://alistapart.com/article/creating-intrinsic-ratios-for-video On Wed, Sep 18, 2013 at 1:37 PM, Ron Zisman ronzis...@me.com wrote:

Re: [css-d] responsive video

2013-09-18 Thread Tom Livingston
I'm not seeing the css in the head as having any effect on the video or it's wrapper for some reason. FireBug in FF 23.0.1. On Wed, Sep 18, 2013 at 1:41 PM, Chris Rockwell ch...@chrisrockwell.com wrote: I use the last solution here:

Re: [css-d] responsive video

2013-09-18 Thread Nate Turnage
I know this list is CSS-centered, but you could always use: http://fitvidsjs.com/ On Wed, Sep 18, 2013 at 12:43 PM, Tom Livingston tom...@gmail.com wrote: I'm not seeing the css in the head as having any effect on the video or it's wrapper for some reason. FireBug in FF 23.0.1. On Wed, Sep

Re: [css-d] responsive video

2013-09-18 Thread Ron Zisman
guys, thanks, but i'm pretty thick i've tried a few times with no success. here's the page: http://decal-bone.com/lab_stories.html the video lives in the center column under the text html for the vid: div class=video-container iframe width=640

Re: [css-d] responsive video

2013-09-18 Thread Tom Livingston
div#content div appears to be over riding styles on .video-container On Wed, Sep 18, 2013 at 4:40 PM, Ron Zisman ronzis...@me.com wrote: guys, thanks, but i'm pretty thick i've tried a few times with no success. here's the page: http://decal-bone.com/lab_stories.html the video lives in the

Re: [css-d] responsive video

2013-09-18 Thread Georg
On 18.09.2013 22:40, Ron Zisman wrote: here's the page: http://decal-bone.com/lab_stories.html As Tom says, it's a specificity problem. With increased specificity via the selector chain... div#content div div .video-container { position: relative; padding-bottom: 56.25%;

Re: [css-d] responsive video

2013-09-18 Thread Felix Miata
On 2013-09-18 13:37 (GMT-0400) Ron Zisman composed: http://decal-bone.com/lab_stories.html i'm trying to embed a video from youtube and make it responsive. i'd like to make 100% of the center column; but i'm getting a miniature version. When first opened there was no video at all, but

Re: [css-d] responsive video

2013-09-18 Thread Tim Arnold
On Wed, Sep 18, 2013 at 4:40 PM, Ron Zisman ronzis...@me.com wrote: guys, thanks, but i'm pretty thick i've tried a few times with no success. here's the page: http://decal-bone.com/lab_stories.html the video lives in the center column under the text html for the vid: div

Re: [css-d] responsive video

2013-09-18 Thread Ron Zisman
i think i got it…. that comma was the offender… would have never caught that. thanks to all ron On Sep 18, 2013, at 7:54 PM, Tim Arnold tim.arn...@gmail.com wrote: On Wed, Sep 18, 2013 at 4:40 PM, Ron Zisman ronzis...@me.com wrote: guys, thanks, but i'm pretty thick i've tried a few times

Re: [css-d] responsive video

2013-09-18 Thread Chris Rockwell
Glad you got it worked out. I want to mention that you might want to address class/id scheme. You need to get way to specific to get at the video-container; even on a site with very complex mark-up, I would consider that way to specific. If you ever want the same styling on a separate page,