title: YouTube iFrame API bug in Mobile Safari
body: <p>Using the YouTube iFrame API to embed a video I have come across a strange bug.</p>
  
  <p>The bug is only apparent on Mobile Safari (iPad3, mini and iPhone)</p>
  
  <p>No matter what I do to set a specific height or width the links under the video do not work. It's as if the iFrames height is not being honoured by safari.
  After about 4-5 lines the links start working again.</p>
  
  <p>I have seen one article which says you need to set the attribute scrolling="no" on the iframe but this is YouTube API embed so not possible.</p>
  
  <p>Demo below:</p>
  
  <p><a href="http://jsfiddle.net/sidonaldson/rqRvx/2" rel="nofollow">http://jsfiddle.net/sidonaldson/rqRvx/2</a></p>
  
  <pre><code>player = new YT.Player('player', {
      height: '200',
      width: '200',
      videoId: 'J---aiyznGQ'
  });
  </code></pre>