Lightbox issues with full SSL site

[quadflight]

First of all thanks for the great plugin.

Before we converted the site to full ssl all the videos from YT and Vimeo used to work without any issues using the prettyphoto method. Since the SSL conversion the only way that works partially is using the following method

URL

[https://aerialpixels.com/shop/accessories/dji-ronin-proportional-thumb-joystick/]

Code:

[wp_lightbox_ultimate_youtube_video_embed videoid=”xXCE0eBtESM” playlist=””
width=”800″ height=”500″ hd=”1″ autoplay=”1″ display_control=”1″ fullscreen=”1″
autohide=”2″ theme=”dark” use_https=”1″ enable_privacy=”” show_logo=”0″
showinfo=”0″ auto_popup=”” direct_embed=”” anchor_type=”image” text=””
source=”https://aerialpixels.com/wp-content/uploads/2014/10/DJI-Ronin-Joystick.jpg” class=”lightbox_img_frame_fancy1″ auto_thumb=”1″]

Although the above works with desktop browsers it will not work with android/ios devices.

Tried autothumbnail with the above method, thumbnail gets pulled fine but does not adhere to use_ssl and returns a http:// image

The CODE that we like and used before SSL conversion

URL

[https://aerialpixels.com/shop/gimbals/roksteady-g4-handheld-brushless-gimbal-panasonic-gh4/]

Code:

[wp_lightbox_prettyPhoto_video link=”https://www.youtube.com/watch?v=5bMvZ59mW88″ width=”800″ height=”600″ description=”RokSteady G4 Brushless Gimbal using Alexmos 2.42B5 Autotune” use_https=”1″ source=”https://aerialpixels.com/wp-content/uploads/2014/08/Roksteady-G4-3-Axis-Brushless-Gimbal.jpg”

I was…

1. Wondering whether prettyphoto can be used in a full SSL environment

2. wp_lightbox_ultimate_youtube_video_embed method fix for android and ios devices

3. autothumbnail https fix for questions number 2

Any help and advise would be much appreciated.

[wpCommerce]

Hi, The SSL error is not actually coming from our plugin.

Code:

Mixed Content: The page at ‘https://aerialpixels.com/shop/gimbals/roksteady-g4-handheld-brushless-gimbal-panasonic-gh4/’ was loaded over HTTPS, but requested an insecure resource ‘http://www.youtube.com/embed/5bMvZ59mW88?width=800?rel=1&autoplay=1’. This content should also be served over HTTPS.

[https://aerialpixels.com/wp-content/plugins/woocommerce/assets/js/prettyPhoto/jquery.prettyPhoto.min.js?ver=3.1.5:6]

[quadflight]

So the fix should be done in the plugin, correct?

[wzp]

There’s nothing for us to fix. The message is a warning from your browser, that what you are seeing is a composite of content from both secure and unsecure sources. If you don’t want the warning to appear, you have to ensure that all of your content is either secure, or unsecure, but not both.

[admin]

Yes it needs to be fixed in the plugin that it is coming from. It is NOT coming from any of our plugins. It seems to be coming from WooCommerce so ask the developer of that plugin.

[quadflight]

Unfortunately the mixed content error comes when using WPLU when using any other method except

wp_lightbox_ultimate_youtube_video_embed Example: (using use_https)

Code:

[wp_lightbox_ultimate_youtube_video_embed videoid=”xXCE0eBtESM” playlist=””
width=”800″ height=”500″ hd=”1″ autoplay=”1″ display_control=”1″ fullscreen=”1″
autohide=”2″ theme=”dark” use_https=”1″ enable_privacy=”” show_logo=”0″
showinfo=”0″ auto_popup=”” direct_embed=”” anchor_type=”image” text=””
source=”https://aerialpixels.com/wp-content/uploads/2014/10/DJI-Ronin-Joystick.jpg” class=”lightbox_img_frame_fancy1″ auto_thumb=”1″

Link to page

[https://aerialpixels.com/shop/accessories/dji-ronin-proportional-thumb-joystick/]

Any other method such as fancy box, color box etc will give out mixed content warning upon playing the video. IE will actually pop up the error. Chrome will not play at all.

Non working example

Page

[https://aerialpixels.com/shop/gimbals/phobotic-centerpiece-hv-brushless-gimbal-controller-3-axis-cp/]

Code:

[wp_lightbox_prettyPhoto_video link=”https://vimeo.com/107107642″ width=”800″ height=”600″ description=”Phobotic Centerpiece” source=”https://aerialpixels.com/wp-content/uploads/2014/09/Phobotic-Centerpiece-3-Axis-Brushless-Gimbal-Controller.jpg” title=”Phobotic Centerpiece”]

Here’s a SSL scan

[http://www.evernote.com/shard/s47/sh/d8c4181d-fb58-4ed4-9c3a-76c04ecfecfd/e388bd17573d11a41e05b919d9cadbac]

Upon playing console error on Chrome

Code:

‘https://aerialpixels.com/shop/gimbals/phobotic-centerpiece-hv-brushless-gimbal-controller-3-axis-cp/’ was loaded over HTTPS, but requested an insecure resource ‘http://player.vimeo.com/video/107107642?title=0&byline=0&portrait=0&autoplay=1;’. This request has been blocked; the content must be served over HTTPS.

SSL is fully intact till you click on play on the video.

From what I can see even if the embed code is https to the video file, pop-up player invoked http://

[wpCommerce]

@quadflight, We will need to take a closer look at your site to see what is happening. I have sent an email to your registered email address for site access. Let me know if you don’t receive it.

[Author]

Posts