- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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)
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; }
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!
You’re welcome mate.
I’m not sure if the last part was a question.. anyhow:
$(‘.close’).on(‘click’, function(){
$(‘.video-container’).css(‘display’, ‘none’);
});