CODEWITHSUNDEEP
jqueryfancyboxvimeofancybox-2
n2lose
n2lose

Reputation: 141

Jquery fancybox 2.1.3 vimeo issue

I have implements jquery fancybox 2.1.3 on here : http://n2lose.kodingen.com/homepage/test.html

source

<a href="http://vimeo.com/35400388" class="Video pull-left">
                <img src="background/Video.png" alt="video platform" />
            </a>

script:

$('.Video').fancybox({
            openEffect  : 'none',
            closeEffect : 'none',
            helpers : {
                media : {}
            }
        });

I follow the examples on here: http://fancyapps.com/fancybox/#examples to do that. I don't know why it doesn't work and see the console firebug the error:

Uncaught Error: Syntax error, unrecognized expression

Anybody can help me plz?

Upvotes: 0

Views: 2967

Answers (1)

arttronics
arttronics

Reputation: 9955

jsFiddle DEMO: Fancybox v2.1.3

That example at the Fancybox webpage requires the use of an additional .js file found at this location:

http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-media.js

You should also define a width and a height for the video to be presented in, such as 1280 x 656. To know what exact video dimensions to use, in order to preserve Aspect Ratio of the video (so black bars are not shown at top/bottom or sides), just click the Download Button at the Vimeo webpage of that video.

EDIT: Also, I found this iframed jsFiddle as well.

Upvotes: 1

Related Questions