我的视频文件无法被next.js用类型记录识别
我的视频文件无法被next.js用类型记录识别
提问于 2022-04-18 22:56:16
我在我的项目中遇到了一个问题，这个问题是用next.js、类型记录、裁剪完成的。我正在为网站制作我的广告头，我希望背景是一个视频。由于某些原因，视频没有被识别，我尝试将它放到不同的目录中，导入import Background "./material-bg.mp4"，甚至将文件从mp4转换到webm，因为最初它是一个mp4文件。我试过，如果这个特定的视频没有被识别的话，这在我使用jpg的时候是正确的，但是如果它是一个视频的话就不会了。我认为识别视频本身存在问题，因为它也不识别其他视频。提前谢谢你！
<video autoPlay loop muted playsInline className='absolute w-full h-full object-cover'>
<source src="./material-bg.webm" type='video/webm; codecs=vp9'/>
</video>回答 1
Stack Overflow用户
回答已采纳
发布于 2022-04-18 23:13:02
Next.js可以在根目录中名为public的文件夹下提供静态文件(如图像)。然后，您的代码可以从基本URL (/)开始引用公共文件。
因此，在项目的根目录中创建一个名为public的文件夹，将静态文件放在这个文件夹中，在您的例子中是视频文件，所以只需保持src路径的原样，它现在就可以工作了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71917857
复制相关文章
相似问题
腾讯云开发者
