title: jwplayer in fancybox not playing on ipad/iphone
body: <p>I'm using the following code but videos won't play with jwplayer inside fancybox on iOS (ipad/iphone)...works fine otherwise.  I appreciate that iOS doesn't handle flash, but I'm unsure of how to modify this code to provide for the html5 fallback...</p>
  
  <pre><code>&lt;script type="text/javascript" src="scripts/jwplayer/html5/jwplayer.html5.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  
      $(".video_popup").fancybox({
      fitToView: false, // to show videos in their own size
      content: '&lt;span&gt;&lt;/span&gt;', // create temp content
      scrolling: 'no', // don't show scrolling bars in fancybox
      afterLoad: function () {
        // get dimensions from data attributes
        var $width = $(this.element).data('width'); 
        var $height = $(this.element).data('height');
        // replace temp content
        this.content = "&lt;embed src='scripts/jwplayer/player.swf?file=" + this.href + "&amp;autostart=true&amp;amp;wmode=opaque' type='application/x-shockwave-flash' width='" + $width + "' height='" + $height + "'&gt;&lt;/embed&gt;"; 
      }
    });
  </code></pre>