title: Embedding Youtube video http / https matching error
body: <p>I am embedding a Youtube video on my website like so:</p>
  
  <pre><code>&lt;iframe class="frame-for-top" width="300" height="200" src="https://www.youtube.com/embed/nb9GMm7QtlM" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>Now when I open up my console I get an error message for all of my embedded youtube videos that says:</p>
  
  <blockquote>
    <p>:1 Uncaught SecurityError: Blocked a frame with origin
    "<a href="https://www.youtube.com" rel="noreferrer">https://www.youtube.com</a>" from accessing a frame with origin
    "<a href="http://mywebsite.com" rel="noreferrer">http://mywebsite.com</a>".  The frame requesting access has a protocol of
    "https", the frame being accessed has a protocol of "http". Protocols
    must match.</p>
  </blockquote>
  
  <p>I tried changing the "src" in the iframe to <strong>http</strong> instead of <strong>https</strong> seems to work but I don't know if that's ok to do. Any feedback?</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>still getting the errors even in the JS fiddle;
  <img src="https://i.stack.imgur.com/gjrn1.png" alt="enter image description here"></p>