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.
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")
So, on my CSS file I got this:
position: relative;
-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
-moz-box-sizing: border-box; /* <=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 */
Instead of displaying the file it displays a white background.