title: Inserting HTML5 video using JavaScript for iPad
body: <p>I am trying to insert a video into HTML using jQuery for iPad but all I see is a black screen. If I add the video tag directly to the HTML page all seems to work fine.</p>
  
  <p>Here is what I have in my JavaScript and I call this using a function for onClick event. </p>
  
  <pre><code>var html = "";
  html += '&lt;video id="someVideo" width="'+settings.width+'" height="'+settings.height+'" controls="controls"&gt;';
  html += '&lt;source src="'+url+'"  type="video/mp4" /&gt;';
  html += '&lt;/video&gt;';
  $("#videoDiv").html(html); 
  </code></pre>
  
  <p>If I create a video tag right inside the body everything seems to be working fine</p>
  
  <pre><code>&lt;video width=708px height=300px controls="controls"&gt;&lt;source src="video.mp4" type="video/mp4"&gt;&lt;/video&gt;
  </code></pre>
  
  <p>The reason I am planning a JavaScript is that I have few videos on the same page and wanted the user to select a video to be viewed as oppose to a single video on a page... Any idea around that will also help </p>
  
  <p>Any help will be greatly appreciated
  Thanks</p>