Next.js 中的视频渲染

Question

我正在使用 Next.js 13 beta（应用程序目录）、TailwindCSS 和 Headless WooCommerce 构建一个购物电子商务网站。

从字面上看，我的主页上只有一个视频，它位于 react 服务器组件 中。我应该将该视频本地放在

/public

目录中还是托管在无头 CMS 或其他东西中？

哪个选项最适合性能和更小的包大小？

视频组件代码：

export const BGVideo = () => (
    <video
        autoPlay
        loop
        muted
        playsInline
        className="absolute h-full w-full object-cover brightness-[50%]"
    >
        <source src="/assets/videos/video.webm" type="video/webm" />
        <source src="/assets/videos/video.mp4" type="video/mp4" />
    </video>
);