Gatsby: Video does not work on Safari with gatsby-plugin-offline

[vanwalj]

Description

Caching video with gatsby-plugin-offline works almost everywhere, except on Safari

After digging a bit, it seems that Safari do some pretty weird stuff when loading video, I found this blog post interesting

A quick fix would probably be to exclude video files from the gatsby-plugin-offline cache, but I can't find a way to do so.

Steps to reproduce

You can check out the project I'm currently working on https://staging.ouaille-note-festival.fr

• Visit the home page with Safari iOS or macOS
• A video should start playing
• Reload the page and the video is not loading anymore

If you reproduce those steps with Google Chrome it works well

Expected result

The video should play on every latest browser

Actual result

It doesn't load once cached Safari

Environment

Latest stable Safari version on iOS and macOS

[JDeLay-JR]

I can start taking a look at this one

[vanwalj]

This seems to be the root issue https://github.com/GoogleChrome/workbox/issues/1663
Unfortunately it doesn't seems straightforward to fix 😨

[gatsbot[bot]]

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.

If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!

As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contributefor more information about opening PRs, triaging issues, and contributing!

Thanks for being a part of the Gatsby community! 💪💜

[gatsbot[bot]]

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it.

Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else.

As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contribute for more information about opening PRs, triaging issues, and contributing!

Thanks again for being part of the Gatsby community!

[jamesvclements]

🤕 Any solutions for this?

[vanwalj]

@jamesvclements didn't find a proper way to solve this, I had to remove gatsby-plugin-offline 😟

[cwgw]

I also decided to drop offline support because of this issue.

I'd like to keep this open in the hopes that some brave person takes it on. Here's the strategy that the Workbox team currently suggests:

https://developers.google.com/web/tools/workbox/guides/advanced-recipes#cached-av

[gatsbot[bot]]

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it.

Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else.

As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contribute for more information about opening PRs, triaging issues, and contributing!

Thanks again for being part of the Gatsby community!

[LekoArts]

I'll close this as it's an upstream issue. It's supposed to be fixed in the latest Safari Technology Preview