title: Phonegap and iPhone with embedded youtube video, transformation scrolling issue
body: <p>I'm embedding youtube videos within my iPhone phonegap app</p>
  
  <p>e.g</p>
  
  <pre><code>&lt;embed id="yt" src="http://www.youtube.com/v/myvidid" width="300" height="199"&gt;&lt;/embed&gt;
  </code></pre>
  
  <p>This all works fine as the iPhone recognises these as a youtube videos and will insert the poster image and also invoke the youtube app upon click. However the problem is these youtube embeds are within a scrollable content area, for which I use CSS transformations to move up and down via touch scroll. When the user scrolls the area the video stays static in a fixed position on top of my content. No matter what CSS I add to the embeds, nothing seems to change this behavior.</p>
  
  <p>Has anyone come across this behavior before or found a fix.</p>
  
  <p>Many thanks.</p>
  
  <p>Andrew</p>