title: Facebook Login API HTTPS Issue
body: <p>The website I'm working on has a Facebook login option, but recently a user reported it wasn't working for them. I disabled my extensions etc, I got this error in my console:</p>
  
  <pre><code>Blocked a frame with origin "https://www.facebook.com" from accessing a frame 
  with origin "http://static.ak.facebook.com".  The frame requesting access has 
  a protocol of "https", the frame being accessed has a protocol of "http". 
  Protocols must match.
  </code></pre>
  
  <p>Is there an option I can feed to the API that will get it to work on the same protocols? FYI, the primary website runs on HTTP (no S).</p>
  
  <p>It is especially odd because it seems like it stopped working all of a sudden (but it is possible this was always a problem as I am new and am learning this system).</p>
  
  <p>I have this code at the foot of my page:</p>
  
  <pre><code>&lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;
      window.fbAsyncInit = function() {
          FB.init({
              appId  : ..., // App ID
              status : true, // check login status
              cookie : true, // enable cookies to allow the server to access the session
              xfbml  : true,  // parse XFBML
              channel: '//...mychannel.../channel'
          });
  
          FB.Event.subscribe('auth.authResponseChange', function(fbResponse) {
              // function that logs in user
          });
      };
  
      // Load the SDK Asynchronously
      (function(d){
          var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
          if (d.getElementById(id)) {return;}
          js = d.createElement('script'); js.id = id; js.async = true;
          js.src = "//connect.facebook.net/en_US/all.js";
          ref.parentNode.insertBefore(js, ref);
      }(document));
  &lt;/script&gt;
  </code></pre>