WP Lightbox Ultimate PrettyPhoto re-sizing of pop-up window, too much padding?

[Terve]

When I click on the “recorded webinar” banner on this page [http://216.70.90.173/mobile-data-offloading/wifi-offload-3g-4g] a YouTube video 640×480 pop-us just as it should.¨

However, when using an iPhone this pop-up window scales, but it seems to NOT using the full width of the available screen resulting in a very odd looking window. Can it be that there is a hard coded padding that does not scale down when the pop-up does resulting in half of the screen width is used for padding (empty space to the left and right of the video)?

[wpCommerce]

Hi, can you please switch to the “prettyPhoto default” theme (WP Lightbox->Library Settings->PrettyPhoto Settings->Theme) to see how it goes?

[Terve]

Hi sorry for late reply, have been very busy. First of all I must say that I am impressed over this plugin even though I have some issues with this detail.

I have tried what you suggest with same result. I have even changed the WP theme of the whole site to the default one in WP, same result.

I just now noticed, that if you put the iPhone in “landscape view” where the width is greater than the height of the screen the result is more severe as it will cause the browser to hang.

With a small screen size such as a smartphone, I could think of skipping the Light-box pop-up and just launch the video in a new tab/window, this will trigger iPhones naitive video display. If possible this could be something to consider to build in as an option, for screens under a certain threshold in size, just skip the pop-up and launch in a new tab/window.

[wpCommerce]

Hi, There are other options to pop up a YouTube video as well. Have you tried the fancybox or colorbox YouTube shortcode?

[Terve]

I have. These two other options has no scaling capabilities at all, the box pop-up but the vast majority of it is outside the screen limits. Fancy box do not cause the browser to hang in landscape view. I would like to encourage you if possible to consider:

“With a small screen size such as a smartphone, I could think of skipping the Light-box pop-up and just launch the video in a new tab/window, this will trigger iPhones naitive video display. If possible this could be something to consider to build in as an option, for screens under a certain threshold in size (that is screens sizes of smartphones), just skip the pop-up and launch it as if it was a normal link, then the naitive video display will appear in a new tab/window.”

It should be noted that the pop-up will not bring much value for an iPhone anyways, first thing that happen when you start the video is that it pop-up in a new tab in the browser just as it does from an normal link, it never ever plays in the pop-up window in iPhone.

[wpCommerce]

Hi, It’s not easy to customize all the shortcodes for this specific functionality. But thanks for the feedback. We will see what we can do.

[Terve]

Ok, thanks allot for an otherwise great plugin.

[Terve]

By the way, I might be able to do a work around. I will investigate if I can have two different HTML codes depending on device type and not use your plugin for smartphones.

[Terve]

Sorry for taking up this discussion again, but what I have to say may make your pligin even better. I have now investigated iPhone and Android smartphones and none of the ones I have tested is actually running the YouTube API in the pop-up window, you can easily test and confirm this yourselves. I could maybe do a different code for handling smartphones separately, but if you could do it that is even better long term for all I think.

Since the smartphones are not playing the YouTube API in the pop-up window anyway (note: iPAD is working fine just like a PC), this is what I propose you do:

If mobiledevice=true then

<a href="http://www.youtube.com/watch?v=9O7yLPZFgUM&autoplay=1&t=00m41s"><img class="alignright size-full wp-image-5215" title="TIM  interviewed" src="http://216.70.90.173/wp-content/uploads/2012/12/TIM-Telesemana-interview.jpg" alt="TIM interviewed by Telesemana about their Wi-Fi offload roll-out" width="200" height="133" /></a>

Else

[wp_lightbox_prettyPhoto_video link=”http://www.youtube.com/watch?v=9O7yLPZFgUM&start=41″ description=”TIM Brasil interview (in English after 42s)” source=”http://216.70.90.173/wp-content/uploads/2012/12/TIM-Telesemana-interview.jpg” title=”TIM Brasil interview (in English after 42s)” img class=”alignright size-full wp-image-5215″ style=”margin-top: 5px;margin-right:500px;margin-bottom:5px;margin-left:10px”]

Of course this is not genuine code but I think that you get what I mean. Simply do not trigger the pop-up for a mobile device, instead make a ordinary link with autoplay on and then it will trigger the normal behaviour in the smartphone.

[Author]

Posts