title: Error with HTML5 Video Background in a SharePoint Page Layout
body: <p>I am trying to get a blurred video background on the homepage for my SharePoint site similar to sites like airbnb and bing. I have removed the doctype as xhtml and replaced as html, and entered a video tag with video residing in the _layouts file on the sharepoint server.</p>
  
  <p>The video renders correctly in the background when I view the page layout by itself in a browser. But when I view a page with this page layout within sharepoint I get a 'Sorry, something went wrong' error. It normally works fine without the video and amendment to standard XHTML !DOCTYPE</p>
  
  <p>Evidently there isn't something fundamentally wrong with my html since it renders in the browser. Are there any sharepoint html5 wizards out there who can help?</p>
  
  <pre><code>&lt;div class="main" style="background-image:url('')"&gt;
    &lt;video autoplay="autoplay" loop="loop" style="position:absolute; z-index:-1; left:0px; right:0px;"&gt;
      &lt;source src="videos/pencils.mp4.mp4" type="video/mp4"&gt;
    &lt;/video&gt;
  </code></pre>