Grow your CSS skills. Land your dream job.

Background darker when watching YouTube video

  • # February 12, 2013 at 4:16 am

    Hi, I was planning on implementing a little video library on a website I am making.

    The page should have some icons of videos and when clicking on one, that specific video should pop up in sort of like a frame that spans over the entire web browser window and makes the background darker with a bit of transparency. You might have seen this function on many websites before, for example when viewing a video or photo in a message on Facebook.

    Now I have absolutely no idea how to do this so if you could teach me some tricks that I could use to accomplish this, that would be great!

    Also if there was anything wrong with this topic, I am sorry. It’s my first thread here and I don’t really know anything about this site, please tell me if I did something wrong :)

    // Simon

    # February 12, 2013 at 5:37 am

    Hi Simon, for any galleries (including videos) I use [PrettyPhoto](http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ “http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/”). It’s fairly simple to set up and you can specify if you want an overlay on the page when viewing videos/how transparent it is etc.

    Hope that’s a help :)

    # February 12, 2013 at 10:23 am

    Thank you David! That was exactly what I was looking for :)

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

You must be logged in to reply to this topic.

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