html - 如何将 .webm 文件设置为我网站的背景？

Question

我正在寻找一种方法来将 .webm 文件设置为我网站的背景，但是当我将它放在我的 css 上时，该文件没有显示。

我试图在我的网站上设置动画墙纸，我一直在以 .gif 或 .mp4 格式导出文件，但该文件对于网站来说太大 (20mb)，因此我决定将文件导出为 .webm (命名为“itry.webm”)

所以，在我的 CSS 文件中我得到了这个:

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 */

它不显示文件，而是显示白色背景。

Answer 1

通过将文件格式更改为 .mp4 来解决，我认为 .webm 文件仍然存在与浏览器的兼容性问题，您可以在此处看到 Browser Compatibility Test