title: Overlay an iframe on another iframe
body: <p>I have a javascript code, using which an iframe moves with mouse pointer. 
  and when I slide mouse over another iframe (e.x youtube embed video), the iframe doesn't move with mouse while mouse pointer is on youtube video. </p>
  
  <p>what can be done? thanks</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  var opacity = 1;
  var time = 3500000;
  if (document.cookie.indexOf('visited=true') == -1) {
      (function openColorBox() {
          if ((document.getElementById) &amp;&amp; window.addEventListener || window.attachEvent) {
              var hairCol = "#ff0000";
              var d = document;
              var my = -10;
              var mx = -10;
              var r;
              var vert = "";
              var idx = document.getElementsByTagName('div').length;
              var thehairs = "&lt;iframe id='theiframe' scrolling='no' frameBorder='0' allowTransparency='true' src='b.html' style='margin: px 0px 0px px; position:fixed;width:200px;height:200px;overflow:hidden;border:0;opacity:" + opacity + ";filter:alpha(opacity=" + opacity * 100 + ");'&gt;&lt;/iframe&gt;";
              document.write(thehairs);
              var like = document.getElementById("theiframe");
              document.getElementsByTagName('body')[0].appendChild(like);
              var pix = "px";
              var domWw = (typeof window.innerWidth == "number");
              var domSy = (typeof window.pageYOffset == "number");
              if (domWw) r = window;
              else {
                  if (d.documentElement &amp;&amp; typeof d.documentElement.clientWidth == "number" &amp;&amp; d.documentElement.clientWidth != 0) r = d.documentElement;
                  else {
                      if (d.body &amp;&amp; typeof d.body.clientWidth == "number") r = d.body
                  }
              }
              if (time != 0) {
                  setTimeout(function() {
                      document.getElementsByTagName('body')[0].removeChild(like);
                      if (window.addEventListener) {
                          document.removeEventListener("mousemove", mouse, false)
                      } else if (window.attachEvent) {
                          document.detachEvent("onmousemove", mouse)
                      }
                  }, time)
              }
  
              function scrl(yx) {
                  var y, x;
                  if (domSy) {
                      y = r.pageYOffset;
                      x = r.pageXOffset
                  } else {
                      y = r.scrollTop;
                      x = r.scrollLeft
                  }
                  return (yx == 0) ? y : x
              }
  
              function mouse(e) {
                  var msy = (domSy) ? window.pageYOffset : 0;
                  if (!e) e = window.event;
                  if (typeof e.pageY == 'number') {
                      my = e.pageY - 0 - msy;
                      mx = e.pageX - 0
                  } else {
                      my = e.clientY - 6 - msy;
                      mx = e.clientX - 6
                  }
                  vert.top = my + scrl(0) + pix;
                  vert.left = mx + pix
              }
  
              function ani() {
                  vert.top = my + scrl(0) + pix;
                  setTimeout(ani, 300)
              }
  
              function init() {
                  vert = document.getElementById("theiframe").style;
                  ani()
              }
              if (window.addEventListener) {
                  window.addEventListener("load", init, false);
                  document.addEventListener("mousemove", mouse, false)
              } else if (window.attachEvent) {
                  window.attachEvent("onload", init);
                  document.attachEvent("onmousemove", mouse)
              }
          }
      })();
      var oneDay = 1000 * 60 * 30;
      var expires = new Date((new Date()).valueOf() + oneDay);
      document.cookie = "visited=true;expires=" + expires.toUTCString()
  }
  &lt;/script&gt;
  
  &lt;iframe width="420" height="315" src="https://www.youtube.com/embed/sTesehdHbqs" style="display:block; position:static;"frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>