next.js 部署到Vercel后,如何渲染视频?“无法播放媒体”

rnmwe5a2  于 2022-11-29  发布在  其他
关注(0)|答案(1)|浏览(125)

我尝试在next.js 13 / react应用程序上使用视频作为网页背景
我在网页上和Vercel源输出中返回“无法播放媒体”(& I)。
我的视频在本地环境中工作得很好,我确实不得不使用Github LFS不确定这可能是为什么?
我服务的视频从“公共”文件夹,这是一个200 MB+ MP4。
[x1c 0d1x](第一次)
一次循环
预期视频呈现并为全屏..
我的视频代码

<div className="z-10">
            <div className="overlay"></div>
            <video id="videoBG" className="" autoPlay loop >
            <source src="Water.mp4" type="video/mp4"/>
            </video>
        </div>
pbpqsu0x

pbpqsu0x1#

我想明白了,对于其他遇到这个问题的人来说。Vercel不支持github lfs!我最终通过第三方(我使用了cloudflare)托管了视频,并通过url导入了它。

相关问题