Forums

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

Home Forums CSS Quick Help On This.

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #45134
    CodeGraphics
    Participant

    I am working on this [website.](http://www.ctrlshiftstudios.com/ChurchSite “”)
    I want when a user clicks on the video play icon, a fancybox will load or pop up on top of the web page which will have the actual video. After watching the video, the user can click on ‘X’ icon or just hit ‘esc’ or just click outside the video to close it.

    Can anyone point a god tutorial where i can quickly learn this and implement it.
    Or can anyone give me a quick codepen example.

    Thank you.

    #137392
    chrisburton
    Participant

    There are tons and tons of these all over the web, what can’t you do?

    #137393
    CodeGraphics
    Participant

    Pls check the [web page](http://www.ctrlshiftstudios.com/ChurchSite/ “”) again. I have done. But the video is not playing. It says it cannot find the address, but when you type in the video url in the browser it starts playing. Here is the [video.](https://vimeo.com/49468725 “”)

    EDIT:
    It’s working. I was testing it on localhost.

    #137395
    chrisburton
    Participant

    Initially it wasn’t doing anything. Now it redirects to Vimeo which indicates it isn’t working. I’ll take a look soon.

    #137399
    chrisburton
    Participant

    In the console, there’s an error on line 16 that says `$ is not defined`.

    #137401
    chrisburton
    Participant

    Further debugging and it appears that your hotlinking the fancybox files on your site which they are denying access. Try uploading the files to your own server and linking them from there.

    #137402
    CodeGraphics
    Participant

    Check again. [Here.](http://www.ctrlshiftstudios.com/ChurchSite/ “”)
    It’s working now.

    #137485
    chrisburton
    Participant

    It’s actually not working for me.

    Update: After clearing my cache, it seems to work. If I were you, I’d use Google’s jQuery. Yours is what caused it to not work.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.