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

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

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #42292

    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]( “”)

    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 []( )

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

    Andy Howells

    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](


    Hey Andy that was a quick response.
    just made a demo on [codepen]( “”)

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

    appreciate your help


    andy i’m sorry it works.

    thank you so much


    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 ;-)


    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 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


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

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