Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

JavaScript Forum


You are currently viewing our JavaScript Forum as a guest. Please register to participate.
Login



Reply
Opening embedded Vimeo video with jQuery Fancybox
Old 06-23-2011, 02:07 PM Opening embedded Vimeo video with jQuery Fancybox
pealo86's Avatar
Super Spam Talker

Posts: 876
Name: Matt Pealing
Location: England, north west
Trades: 0
If you look at the following page:
http://tinyurl.com/5s9q6ov

And then click the video thumbnail on the right (see attached image):

I am having trouble opening up a Vimeo video using Fancybox.

I have taken the iframe embed code off my Vimeo account, however I am getting js errors popping up in Internet Explorer. I get about 3 of them which I can cancel and then I am able to watch the video.

Does anyone know why this might be? Could it be that I am not executing Fancybox for an iframe properly?

Here is the HTML where the thumbnail is:

Code:
<div class="grid_3 alpha thumb">
                    <span class="icon-play"></span>
                    <input type="hidden" value="137" class="thumb-media-feed">
                                            <a href="#media-137" class="fancybox-inline"></a>
                                        <img alt="Behind the Golden Gates" src="http://www.mattpealing-server.co.uk/~handstan/wp-content/uploads/2011/06/Screen-shot-2011-06-20-at-11.57.20-160x86.png">
                </div>
And here is how I am executing Fancybox:

Code:
$(document).ready(function() {
    $('.fancybox-inline').click(function() {
        return false;
    });
    $('.fancybox-inline').fancybox({
        'transitionIn'    : 'elastic',
        'transitionOut'    : 'elastic',
        'titlePosition'    : 'over',
        'hideOnContentClick' : false,
        'autoDimensions' : false,
        'width' : 580,
        'height' : 410
    });
})
Not only that, but I am getting another issue in Firefox. If you open the video by clicking the thumbnail then the video opens fine, however if you close it and then re-open it then I just get a blank white box opening up with no video inside it!

Could this again be caused by me not having set up Fancybox properly?
Attached Images
File Type: png Screen shot 2011-06-23 at 18.58.41.png (43.7 KB, 5 views)
__________________

Please login or register to view this content. Registration is FREE
pealo86 is offline
Reply With Quote
View Public Profile Visit pealo86's homepage!
 
 
Register now for full access!
Old 06-26-2011, 11:59 AM Re: Opening embedded Vimeo video with jQuery Fancybox
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,383
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Works for me Ok.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 08-09-2011, 10:57 AM Re: Opening embedded Vimeo video with jQuery Fancybox
pealo86's Avatar
Super Spam Talker

Posts: 876
Name: Matt Pealing
Location: England, north west
Trades: 0
Wow, I only recently got an email informing me of your reply!

I managed to fix it by looking at the code on this page:
http://fancybox.net/vimeo

Doesn't even look like a proper public page for the website though, as if it's just a little test that the plugin author did.
__________________

Please login or register to view this content. Registration is FREE
pealo86 is offline
Reply With Quote
View Public Profile Visit pealo86's homepage!
 
Reply     « Reply to Opening embedded Vimeo video with jQuery Fancybox
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.11925 seconds with 13 queries