Electron webview is blocking http images
<p>I'm trying to load a url (<a href="http://twitch.tv/directory/following" rel="nofollow">http://twitch.tv/directory/following</a>) to be displayed on a <code>webview</code>. It used to display perfectly mirroring what I saw in Google Chrome. Somewhere along the way, it's started blocking the images form the page and I've been getting the errors</p>

<p><code>Mixed Content: The page at 'https://www.twitch.tv/directory/following' was loaded over HTTPS, but requested an insecure image 'http://static-cdn.jtvnw.net/ttv-boxart/Music-138x190.jpg'. This request has been blocked; the content must be served over HTTPS.</code></p>

<p>for every image that attempted to load. I've inspected this in Chrome, and I get the same message but instead listed as a warning, as the images still went through. I've tried to disable the security settings in the BrowserWindow: </p>

<pre><code>function createWindow () {
  // Create the browser window.
  mainWindow = new BrowserWindow({
    width: 1200,
    height: 800,
    'title-bar-style': 'hidden',
    frame : false,
    webPreferences : {
      webSecurity: false,
      allowDisplayingInsecureContent: true
    }
  });
</code></pre>

<p>But to no avail, as it still blocks the images. Any ideas? Thanks.</p>