Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2008/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 刷新网站或在Safari(iOS和macOS)上安装PWA后未加载视频_Javascript_Reactjs_Typescript_Next.js - Fatal编程技术网

Javascript 刷新网站或在Safari(iOS和macOS)上安装PWA后未加载视频

Javascript 刷新网站或在Safari(iOS和macOS)上安装PWA后未加载视频,javascript,reactjs,typescript,next.js,Javascript,Reactjs,Typescript,Next.js,我正在构建一个Next.jsnext@9.5.4app(托管在vercel上),需要显示主页上/public/*目录提供的背景视频。背景视频在除Safari(iOS和macOS)之外的所有浏览器和设备上都能正常工作。 当从/public/*目录提供视频文件时,每当页面首次加载时,视频文件都会正常加载,但每当您刷新网站或安装PWA时,视频将不再加载,并且仅显示视频海报 但是,当加载来自不同提供商(如cloudinary或AWS S3)的视频时,视频会按预期加载到每个设备和浏览器上 起初,我认为这是

我正在构建一个Next.js
next@9.5.4
app(托管在vercel上),需要显示主页上
/public/*
目录提供的背景视频。背景视频在除Safari(iOS和macOS)之外的所有浏览器和设备上都能正常工作。 当从
/public/*
目录提供视频文件时,每当页面首次加载时,视频文件都会正常加载,但每当您刷新网站或安装PWA时,视频将不再加载,并且仅显示视频海报

但是,当加载来自不同提供商(如cloudinary或AWS S3)的视频时,视频会按预期加载到每个设备和浏览器上

起初,我认为这是下一个pwa缓存的问题,但当禁用pwa功能时,我得到了相同的“错误”

以下是我为重新创建问题而进行的回购以及在vercel上部署的示例的链接: