Iframe not working after enabling https redirection

chofmeister

Registered
May 23, 2020
2
0
1
Orlando, Florida
cPanel Access Level
DataCenter Provider
So I have a customer that has an issue with iframes. When redirection is not enabled the site works perfectly fine and shows all the images in his iframe but when https redirection is enabled it does not work. What ends up happening is he has images that are in an iframe and those images do not get displayed it only shows his custom menu navigation bar up top and the rest of the page is just black with no images printed to it. I am not an expert in coded so i am not sure how to solve this or what needs to be done as the customer wants the site to work with https.

Does the iframe code have to be coded to to point at https instead of http or is iframes not compatible with https redirection. Here is the code that is to one of the site links. I am not sure if there is anything i need to post here to help assist with this issue if there is let me know as I'll be monitoring this posting.



HTML:
<!doctype html>
<html lang="en-US">
<head>  
   <meta charset="utf-8">
   <meta name="keywords" content="antique, classic, restore, restoration, car,
     auto, rare, cadillac, caddy, sales, parts, gallery, award, horseless carriage, roadster, raceabout, custom, phaeton, racecar, fire truck, cabriolet, V-16, landau, limozine, speedster, torpedo, boat tail, town car, wire wheels, oak bows, close coupled, coupe, dual cowl, rumble seat">
  <link rel="stylesheet" type="text/css" href="black.css">
  <link rel="stylesheet" type="text/css" href="../../CCars.css">
  <title>1939 Ahrens Fox HT (Hercules Type)</title>
</head>

<body>

    <!-- ===================================================================== -->
    <!-- The following "Extreme tracker code" gets included for all new albums -->
    <!-- ===================================================================== -->

<script type="text/javascript"><!--
EXd=document;location.protocol=="https:"?EXp="https":EXp="http";EXs="src";
EXd.write("<img "+EXs+"="+EXp+"://nht-2.extreme-dm.com/n2.g?login=cctrak",
"&d="+screen.width+"x"+screen.height+"&auto=y&pid=cars",
"&jv="+navigator.javaEnabled()+"&c="+screen.colorDepth+"",
"&l="+escape(EXd.referrer)+" width=0 height=0>");//-->
</script><noscript><img height="1" width="1" alt=""
src="http://nht-2.domain-dm.com/n2.g?login=cctrak&amp;auto=y&amp;pid=cars">
</noscript>
<!-- End eXTReMe Pro Tracker Code -->

<table align="center" border="0" cellspacing="3" cellpadding="4" width=997>
<tr>
    <td><center>
    <DIV class="menu">
      <DIV class="button">
        <A class="leftbutton" href="../../index.html">Home</A><A href="../../sales/index.html">Car & Motorcycle Sales</A><A href="../../parts/index.html">Parts</A><A href="../../projects/index.html">Projects</A><A href="../../video/index.html">Videos</A><A href="../../whatsnew/index.html">What's New</A><A href="../../awards/index.htm">Awards</A><A href="../../indexarchive.html#articles">Features</A><A href="../../contact/index.htm">Contact</A>
      </DIV>
    </DIV>

</tr>
</table>




            <!-- ==================================================================== -->
            <!-- The following frame gets embedded into the template for each vehicle -->
            <!--    Remember to change "padding-bottom value" to padding-bottom:41%   -->
            <!-- ==================================================================== -->


<style>.embed-container { position:relative; margin:0 auto; max-width:940px; padding-bottom:41%; padding-top:30px; height:0; overflow:hidden; max-width:100%; height:auto; } .embed-container iframe, .embed-container object, .embed-container embed { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }</style>
<div class="embed-container"><iframe src="[URL]http://www.xxxxxxxxx.xxx/sales/1939ahrensfoxht/[/URL]" width="940" height="705" frameborder="0" allowfullscreen allowtransparency></iframe></div>





            <!-- ==================================================================== -->
            <!--   The frame above gets embedded into the template for each vehicle   -->
            <!-- ==================================================================== -->





  <center><font color="#FFCC00">1939 Ahrens Fox HT (Hercules Type)</font></center>


</body>
</html>
 
Last edited:

cPanelLauren

Product Owner II
Staff member
Nov 14, 2017
13,266
1,300
363
Houston
I'm going to be honest and put it out there that I don't know a ton about iframes development but I do see that every single one of his URLs listed in that code is http rather than https - if it's trying to call an insecure resource it's going to fail to load I believe.
 

kdean

Well-Known Member
Oct 19, 2012
406
80
78
Orlando, FL
cPanel Access Level
Root Administrator
Yes, HTTPS requires embedded elements like iframes and javascript be delivered via HTTPS as well, otherwise it's not secure. Images directly on the page will usually work via http but you'll lose the secure lock and get mixed-content warnings in the browser console. So best to make sure everything uses HTTPS. When it comes to remote content sometimes that can be problematic if it's an old system that doesn't support HTTPS connections.
 
  • Like
Reactions: cPanelLauren