title: Inserting a Video into a Div with HTML5/Jquery
body: <p>I am trying to insert a video and have it take up 100% of my body div on my homepage. Below my header, above my footer but 100% of that area! Basically its blue smoke and I want it to be the main focus when you get to the home page. I need it to be responsive, and I've heard that iphone and ipad will not recognize dimensions I give to the video?</p>
  
  <p>I am trying this out currently with a demo version.
  <a href="http://www.istockphoto.com/stock-video-35477950-blue-ink-explosion.php?st=86374c9" rel="nofollow">http://www.istockphoto.com/stock-video-35477950-blue-ink-explosion.php?st=86374c9</a></p>
  
  <p><a href="http://jsfiddle.net/ZNvjL/10/" rel="nofollow">http://jsfiddle.net/ZNvjL/10/</a></p>
  
  <pre><code>&lt;div id="body"&gt;
  
  &lt;video width="1000" height="350" autoplay loop preload="auto"&gt;
    &lt;source src="media/smokehome.mp4" type="video/mp4"&gt;
    &lt;source src="media/smokehome.ogg" type="video/ogg"&gt;
    &lt;source src="media/smokehome.webm" type="video/webm"&gt;
    &lt;object data="media/smokehome.mp4" width="1000" height="350"&gt;
      &lt;embed src="media/smokehome.swf" width="1000" height="350"&gt;
    &lt;/object&gt; 
    Your browser does not support the video tag.
  &lt;/video&gt;
  
  &lt;canvas id="myCanvas" style="border:0px solid #FFF;"&gt; 
  &lt;/canvas&gt; 
  
  &lt;/div&gt;
  </code></pre>
  
  <p>i read to use a canvas because Iphone and ipad will recognize for size?</p>