Fancybox Pop – YouTube video on iPhone & iPad

Home Forums Storm HTML Fancybox Pop – YouTube video on iPhone & iPad

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  edgarj 4 years, 8 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3008

    edgarj
    Participant

    Hi Themecatcher,

    I have a site which opens a YouTube video in a Fancybox window. This works in a standard browser and interestingly in an iPad1 but not later versions of the iPad or iPhone. I appreciate that this is outside of the scope of the Storm template but wondered if you may have any advice. Should I upgrade to Fancybox2 for example. I am more than happy to [privately] send you the URL to the site if that would help.

    Here’s the Javascript that I am using for Fancybox and video.

    jQuery(document).ready(function(){
    jQuery(“a#videolink”).fancybox({
    frameWidth: 480,
    frameHeight: 295,
    autoSize: false,
    overlayShow: true,
    overlayOpacity: 0.7
    });
    });

    Sample URL:

    Many Thanks and well done on such a great theme.

    #3012

    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #3039

    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #3054

    edgarj
    Participant

    It works..! Thanks Ally.

    Here’s the javascript and link – in the hope that it will help anyone else with a similar issue.

    $(“#fancybox-video”).click(function() {
    $.fancybox({
    ‘padding’ : 0,
    ‘autoScale’ : false,
    ‘transitionIn’ : ‘none’,
    ‘transitionOut’ : ‘none’,
    ‘title’ : this.title,
    ‘width’ : 680,
    ‘height’ : 495,
    ‘href’ : this.href.replace(new RegExp(“watch\\?v=”, “i”), ‘v/’),
    ‘type’ : ‘iframe’
    });

    return false;
    });

    Link

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

You must be logged in to reply to this topic.