Grow your CSS skills. Land your dream job.

Fixed video box in bottom right or bottom left corner.

  • # November 16, 2012 at 10:24 pm

    Hi all,

    I was wondering if anyone can recommend a good fixed YouTube video in the bottom right or bottom left corner.

    Like some type of floating DIV?

    Is this possible?

    So when people scroll the site up and down that little box in the bottom right just stays put.

    Is this done with JQuery or pure CSS?

    I would need it to be IE8 compatible as well. (Curse you IE8, for you are the bane of my existence)

    # November 18, 2012 at 5:53 am

    Hi @robertallen

    You could make a div the size of the video you want and then in your CSS you could say something like;

    .video-container { position: fixed; bottom: 0; right: 0; }

    # November 18, 2012 at 11:23 am

    Oh, I didn’t realize it was that easy. I figured there may have been some wierd JQuery involved.

    Thank you so much.

    Now to do a “display: none” on an onclick command with a close button and I’m good.

    Thank you again!

    # November 18, 2012 at 12:30 pm

    You’re welcome mate.

    # November 18, 2012 at 1:21 pm

    I’m not sure if the last part was a question.. anyhow:

    $(‘.close’).on(‘click’, function(){
    $(‘.video-container’).css(‘display’, ‘none’);
    });

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

You must be logged in to reply to this topic.

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