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" height="480"
src="//www.youtube.com/embed/wbIe9tXo5wM" frameborder="0"
allowfullscreen=""></iframe>
</div>
css in the style sheet:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
don't see where i'm messing up. insight appreciated
ron
On Sep 18, 2013, at 3:10 PM, Chris Rockwell <ch...@chrisrockwell.com> wrote:
> Fitvids is a good solution if you're not worried about whether JavaScript is
> available and/or you are trying to retrofit an old site with lots of videos
> and don't want to mess with the markup. It just automates Thierry's solution
> (i.e., it wraps your tags and applies necessary styles)
>
>
> On Wed, Sep 18, 2013 at 2:53 PM, Nate Turnage <pixeln...@gmail.com> wrote:
> 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 18, 2013 at 1:41 PM, Chris Rockwell <ch...@chrisrockwell.com>
> wrote:
> > 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:
> >
> >> 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
> >> ______________________________________________________________________
> >> css-discuss [css-d@lists.css-discuss.org]
> >> http://www.css-discuss.org/mailman/listinfo/css-d
> >> List wiki/FAQ -- http://css-discuss.incutio.com/
> >> List policies -- http://css-discuss.org/policies.html
> >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> >>
> >
> >
> >
> > --
> > Chris Rockwell
> > ______________________________________________________________________
> > css-discuss [css-d@lists.css-discuss.org]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > List wiki/FAQ -- http://css-discuss.incutio.com/
> > List policies -- http://css-discuss.org/policies.html
> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
> --
>
> Tom Livingston | Senior Front-End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
>
> --
> Chris Rockwell
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
