title: video.js not playing when adding video element from jquery
body: <p>I have the following code to play video from youtube but for some reason is not working:</p>
  
  <pre><code>var content = '{ "techOrder": ["youtube"], "src": "https://www.youtube.com/watch?v=LKRaXPYSzKY" }';
  var $el = $('&lt;video id="vid1" src="" class="video-js vjs-default-skin" controls preload="auto" width="580" height="360"&gt;&lt;/video&gt;').attr('data-setup', content);
  $('#popup-companyPitch').html($el);
  </code></pre>
  
  <p>The same code using php to generate the video element seems working perfectly fine:</p>
  
  <pre><code>&lt;video id="vid1" src="" class="video-js vjs-default-skin" controls preload="auto" width="580" height="360" data-setup='{ "techOrder": ["youtube"], "src": "&lt;?php echo $obj-&gt;video_url;?&gt;" }'&gt;&lt;/video&gt;
  </code></pre>
  
  <p>Anyone knows why the first case is not working using jQuery?</p>
  
  <p>Thnx</p>