Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Fluid Video

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #201179
    ThomasMoreCoder
    Participant

    I am trying to use the Fluid Video jQuery code you described on your page here:

    https://css-tricks.com/NetMag/FluidWidthVideo/demo.php

    However when I try to put it into action on my page here:

    http://www.thomasmore.edu/academics/

    It doesn’t seem to work. Any thoughts as to what my problem is?

    #201180
    justdan
    Participant

    It looks like the iframe video width is set to 560px wide. If you inspect it with the inspect tool in console and give it a width of 100% it becomes fluid and resizes with the screen. Hope that helped.

    #201183
    ThomasMoreCoder
    Participant

    What about the height aspect? If I change width to 100% how can I enforce the height ratio? If I do it at 100% it just opens the video height to about an inch tall.

    #201186
    justdan
    Participant

    Well first I’d look into what @Senff mentioned. I didn’t notice that part so that might be a better fix. If not and you’re concerned about the height part, you can always set the width to something less than 100%, give it a fixed height, and control the height sizes with a break point.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.