title: jquery and vimeo: won't autoplay
body: <p>I have a vimeo video that loads when the user clicks on a div.</p>
  
  <pre><code>&lt;div class="vimeobox" ID="vimeo-ID-goes-here"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Here is my javascript:</p>
  
  <pre><code>$(".vimeobox").click(function() {
  
          var iframe = "&lt;iframe /&gt;";
          var id = $(this).attr('id'); // 
          var url = "http://player.vimeo.com/video/" + id + "?title=0&amp;amp;byline=0&amp;amp;portrait=0&amp;amp;autoplay=1";
  
          var width = 700;
          var height = 394;
          var frameborder = 0;
  
           $(iframe, {
              name: 'videoframe',
              id: 'videoframe',
              src: url,
              width: width,
              height: height,
              frameborder: frameborder,
              type: 'text/html',
              allowfullscreen: true,
              webkitAllowFullScreen: true,
              mozallowfullscreen: true
          }).css({'position': 'absolute', 'top': '0', 'left': '0'}).appendTo(this);
  
          $(this).find('img').fadeOut(function() { $(this).remove();
  
          });
  
      });
  </code></pre>
  
  <p>The vimeo player appears when the div is clicked on (removing the preview image)...but the video does not autoplay.</p>
  
  <p>I don't know what the issue is. I am using near-identical code for a youtube player (minus the url variable) and it autoplays?</p>