Grow your CSS skills. Land your dream job.

Video Pop Up with no controls

  • # January 23, 2013 at 6:51 pm

    I have a client who wants to have a page that when opened will pop up a video that begins to autoplay. The video should have no controls and no close button. Once the video is done playing it will close on its own to reveal the page below where they can fill a form out. The reason for this is he wants to make sure the person watches the whole movie before they are allowed to fill the form out.

    My thinking is to have a lightbox style popup with no close button, and the window has a timer that will close after a certain time (time of the video). Do you all have any other solutions or ways of doing it? I am a html and css guy and VERY fresh to javascript. So please speak in layman terms or my brain explodes. Thanks so much.

    # January 23, 2013 at 7:02 pm

    Hi there,

    While I don’t think that is good UX you could do the following.

    If you are using the video tag you can use the onend function to close the lightbox (assuming there is only one video element.

    ``

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

You must be logged in to reply to this topic.

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