Estoy usando Vue 3 con Typescript. Estoy tratando de mostrar un video en el PWA. Funciona muy bien en línea, pero cuando lo intento sin conexión, el video no se carga. Guardo el video en la carpeta de activos y en el distrito terminado, los videos están en la carpeta de medios. Gracias por tu ayuda.
<video autoplay loop class="video"> <source :src='require("@/assets/videos/test.mp4")' type='video/mp4'> </video>Encontré la solución yo mismo.
Se puede hacer fácilmente con almacenamiento local o indexedDB (para videos). Esto solo se puede hacer para videos pequeños en iOS, porque Safari móvil tiene una limitación de 50 MB ( https://developers.google.com/web/ilt/pwa/live-data-in-the-service-worker#how_much_can_you_store )
Puede encontrar otra solución sin indexedDB aquí: https://stackoverflow.com/a/56337080/7439224