Grow your CSS skills. Land your dream job.

[Solved] trouble adding responsive embedded content on codrops tutorial demo

  • # January 27, 2013 at 2:38 pm

    i’ve read the article about responsive video embedding on css-tricks. but it doesn’t completely work with this demo i found on [tympanus/codrops](http://tympanus.net/codrops/2012/06/12/css-only-responsive-layout-with-smooth-transitions/ “”)

    reading the comments from the post i believe a lot of people have the same problem adding media and it showing up with the smooth scroll template

    visit my site to see what i’ve done till now [levelunion.com](http://levelunion.com )

    hope to start a open discussion, i’m new to coding and design and have to many questions

    # January 27, 2013 at 2:53 pm

    From the look of it the video is responding when reducing the width but you haven’t positioned it to the center or made it a bigger width than 600px.

    You need to add margin: 0 auto; to center it, and/or if you want to stretch it out adjust the width on your .video-wrapper

    A good bit of JS I use (which was made by @chriscoyier and Dave Rupert) is [Fitvids.js](http://fitvidsjs.com/)

    # January 27, 2013 at 3:02 pm

    Hey Andy that was a quick response.
    just made a demo on [codepen](http://cdpn.io/rJugi “”)

    could you explain to me which class you for the margin
    i have the video wrapper set on 100%

    appreciate your help

    # January 27, 2013 at 3:04 pm

    andy i’m sorry it works.

    thank you so much

    # January 27, 2013 at 3:38 pm

    i have another question concerning the video embed.
    i doesn’t seem it totaly works.

    only when changing the size of the browser the video shows.
    in fully opened browser when scrolling to the video embed section the panel stays black and/or when playing the video only sound is in playback the video not.

    still hoping that somebody is around to help or else can someone guide me to an easy explanation of css3 with a quick learning curve ;-)

    # January 28, 2013 at 6:47 am

    still working on the same issue as yesterday. but included fitvid.js instead of the css hack.
    my video wrapper is black instead of showing the vid.
    see http://cdpn.io/rJugi for current code.

    i’ve read many articles on css positioning because i believed there was a conflict. with that. but it doesn’t seem the case

    # January 29, 2013 at 1:01 pm

    i’m getting a long i’ll update my codepen in a few days

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".