Video portfolio no longer functional after switch to HTTPS

• jason3111

  said

  Doing our post HTTPS switch QA, we noticed that the video lightboxes aren’t showing videos within their white framed lightboxes.

  We have a page similar to:

  http://para.llel.us/themes/mingle-wp/portfolio/video-portfolio/

  here: https://www.ecgprod.com/portfolio/

  The media boxes (when editing the individual pages) contain HTTP YouTube URLs such as http://www.youtube.com/watch?v=5fLWLrIuz_w

  I’m fairly sure I understand the concept of having all resources secure on an HTTPS page. Our video portfolio page is HTTPS and shows as secure. However, we are using an HTTP YouTube URL in the Media box. I believe the page still shows as secure because the HTTP YouTube video is contained within an iframe when output on the page. The video doesn’t show (appears as missing) but the white popup lightbox does.

  Here is some sample code after right clicking on the white lightbox frame around the missing video.

  <iframe class="cboxIframe" name="cbox1487443925281" src="http://www.youtube.com/embed/5fLWLrIuz_w">

  I noticed that if I make this code HTTPS, such as

  <iframe class="cboxIframe" name="cbox1487443925281" src="https://www.youtube.com/embed/5fLWLrIuz_w">

  it works.

  I also noticed that while the http://para.llel.us/themes/mingle-wp/portfolio/video-portfolio/ works as HTTP, it seems to have issues when forcing HTTPS, such as that seen here: https://para.llel.us/themes/mingle-wp/portfolio/video-portfolio/

  I am unsure what the issue is and I’ve spent about 16-18 hours working on it. Any ideas or direction? Any help is very much appreciated!!

  Thanks in advance!

• jason3111

  said

  As a heads up, the issue applies not to the top of the page within the contact us section and “Play Demo” video, but to the smaller boxes further down the page, such as the videos contained within the paginated video portfolio section.

  Yes, we are also using a plugin called “WP Video Lightbox” to power the demo reel at the top of the page ABOVE the paginated video portfolio items, but we never had a conflict before when on HTTP only.

  Additionally, the demo video currently works fine and when right-clicking any video portfolio item, inspecting it, and modifying the following code to be HTTPS, the video portfolio items work as well.

  <iframe class="cboxIframe" name="cbox1487443925281" src="http://www.youtube.com/embed/5fLWLrIuz_w">

  So, it seems that the video [portfolio] shortcode is not passing an HTTPS video link. This makes sense because we added an HTTP link inside the Media box. That said, when we add an HTTPS link to the Media box, we get an error inside the white frame of the lightbox when it pops up. So, how do we get the video [portfolio] shortcode to output an HTTPS protocol within the iframe?

  I’m not sure this is the “right” or best way to go about it but it seems to me to solve the problem. I just don’t know how to do it. I hope this helps.

• jeffw

  said

  I see you are using an old version of the theme (v1.6.2) so firstly please update to the latest version of Mingle, currently v1.8.4.3…
       → http://para.llel.us/support/groups/vellum/forum/topic/latest-version-vellum/

  If after updating the theme and its required plugins you still have this issue please let us know and we will work from there.

  (I am not saying that updating the theme and its required plugins will necessarily fix this specific problem, but it is always best before you ask for support if you make sure the theme and its required plugins are updated to the latest versions currently available. Thanks.)