title: Firefox: scrolling iframe that contains embed youtube video
body: <p><strong>Scenario</strong></p>
  
  <p>My page <code>p1</code> contains an iframe.
  The iframe points to a page <code>p2</code> containing an embedded video from youtube.</p>
  
  <p><strong>Problem</strong></p>
  
  <p>The problem is that if I scroll (by mouse) the page inside the iframe, it scrolls normally only if the mouse cursor isn't on a youtube embdedded video.</p>
  
  <p>But if the mouse cursor is on a youtube embedded video, the page <code>p2</code> inside the iframe stops to scroll, while the external page <code>p1</code> starts to scroll.</p>
  
  <p>How can avoid this no normal behaviour?</p>
  
  <p>I expect that even if the mouse cursor is on the youtube embedded video, the page inside the iframe continues to scroll normally, and it doesn't loose the mousewheel event.</p>
  
  <p><strong>Failed solutions</strong></p>
  
  <p>I tried to add the attribute <code>wmode="transparent"</code> to the iframe tag of youtube embedded video, but it doesn't solve the problem.</p>
  
  <p><strong>Details</strong></p>
  
  <p>To scroll inside the iframe I'm using a plugin that substitues the scrollbar.</p>
  
  <p><strong>Demo</strong></p>
  
  <p>You can find the demo <a href="http://plnkr.co/edit/VHgjplC9o57b0rickPZt?p=preview" rel="nofollow">here</a>. Open it with Firefox and scroll with the mouse inside the iframe</p>