title: How can I set a .webm file as a background on my website?
body: <p>Im looking for a way to set a .webm file as a background on my website, but when I put it on my css the file doesnt show.</p>
  
  <p>Im trying to set an animated wallpaper on my website, ive been exporting the file on .gif or .mp4, but the file is too large for a website (20mb) so instead I decided to export the file to .webm (named "itry.webm")</p>
  
  <p>So, on my CSS file I got this:</p>
  
  <pre><code>position: relative;
      -webkit-box-sizing: border-box; /* Safari&lt;=5 Android&lt;=3 */
      -moz-box-sizing: border-box; /* &lt;=28 */
      box-sizing: border-box;
      background-image: url("img/itry.webm");
      background-position: center; /* Center the image */
      background-repeat: no-repeat; /* Do not repeat the image */
      background-size: cover; /* Resize the background image to cover the entire container */
  </code></pre>
  
  <p>Instead of displaying the file it displays a white background.</p>