JSFiddle - React, Tailwind, and code Playground

by mooyah

HTML

<div id="container">
    The advertisement video plays here
</div>
<div id="iframecontainer">
    This container is for iframes and is hidden.
</div>

CSS

#iframecontainer {
    display:none;
}

JavaScript

var eContainer = document.getElementById("container"),
    eIframe = document.createElement("iframe"),
    eIFrameDoc;

console.log("The container's window has a protocol of: " + 
            eContainer.ownerDocument.defaultView.location.protocol
           );

document.getElementById("iframecontainer").appendChild(eIframe);
eIframeDoc = eIframe.contentDocument
    ? eIframe.contentDocument
    : (eIframe.contentWindow
       ? eIframe.contentWindow.document
       : eIframe.document
      );

eIframeDoc.open();
eIframeDoc.write("<html><head><scr" + "ipt>console.log('The iframe\\'s window has a protocol of: ' + window.location.protocol);</scr" + "ipt></head><body><div></div></body></html>");
eIframeDoc.close();