我试图设置一个gif作为背景，我得到它不工作：
在代码中，导入GridMatrix并从中提取src，然后使用video标签尝试全屏呈现它。

import React from 'react';
import GridMatrix from '../assets/gridMatrix.gif';

function Home() {

    return (
        <div>
            <video
                className="matrix-bg fixed top-0 left-0 w-full h-full z-[-1] object-cover"
                autoPlay
                loop
                muted
            >
                <source
                    src={GridMatrix.src}
                    type="video/gif"
                />
            </video>
            <main className="container mx-auto py-10 px-4 flex flex-col items-center justify-center">
                <h1 className="text-4xl font-bold mb-8 text-white text-center">
                    UNS Demo
                </h1>
                <button className="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded">
                    Login
                </button>

            </main>
        </div>
    );
}

export default Home;