title: Html5 video won't start after pause in chrome
body: <p>I have a html5 video that will play in all browsers but when I pause it and then press play again in chrome it won't restart it just breaks. The only way to start the video again is to reload the page.</p>
  
  <p>I am not sure what I am doing wrong. It works fine in IE and firefox. It is in a bootstrap modal so I am not sure if that affects it for some reason?</p>
  
  <pre><code>&lt;div class="modal" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true"&gt;
  &lt;div class="modal-dialog modal-lg"&gt;&lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
      &lt;div class="modal-content"&gt;
          &lt;div class="modal-body"&gt;
              &lt;video loop="loop" id="mainVideo" preload="none" controls width="100%"&gt;
  
                  &lt;source src="video/video-home.ogv" type="video/ogg"&gt;
                  &lt;source src="video/video-home.webm" type="video/webm"&gt;
                  &lt;source src="video/video-home.mp4" type="video/mp4"&gt;
  
              &lt;/video&gt;
  
  
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>I have looked at other threads and none of those have helped, for instance one of the threads said to set preload to none and that didn't work another said to reorder them and I have tried that but nothing has worked.</p>
  
  <p>Thanks in advance :)</p>