Forums

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

Home Forums CSS Fixed video box in bottom right or bottom left corner.

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #40847
    robertallen
    Participant

    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)

    #114641
    Watson90
    Member

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

    #114646
    robertallen
    Participant

    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!

    #114648
    Watson90
    Member

    You’re welcome mate.

    #114649
    Anonymous
    Inactive

    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)
  • The forum ‘CSS’ is closed to new topics and replies.