.mp4 within snowpack dev fails to load in safari

[brianjacobs-natgeo]

I have a valid H264 .mp4 file that serves fine across browsers in other server environments. In the snowpack server, it fails in desktop and mobile Safari, like this example
https://stackoverflow.com/questions/42846947/cant-play-mp4-video-in-safari-served-by-nodejs-server?noredirect=1&lq=1

Soemthing to do with a missing content range in the snowpack server setup?

[brianjacobs-natgeo]

This can be replicated by:

Creating a snowpack app

npx create-snowpack-app new-dir --template @snowpack/app-template-blank

Downloading this to /public
https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/1080/Big_Buck_Bunny_1080_10s_1MB.mp4

Adding this to /public/index.html

<video src="Big_Buck_Bunny_1080_10s_1MB.mp4" autoplay muted controls playsinline></video>

Run npm start and visit in Safari or Mobile Safari, video is broken. This is more of a pressing issue when testing for iOS where Mobile Safari is the primary browser to test for.

Attaching network request screens for the mp4 in Firefox (left) Safari (right). Something to do with byte range

[stramel]

Thank you for the reproduction scenario. I can address this today.

UPDATE: #794

[brianjacobs-natgeo]

No prob, thank you for having a look!

[brianjacobs-natgeo]

Looks like the fix is in snowpack 2.9. Tested it with 2.9.3 and all is well in Safari/Mobile Safari. Thanks so much.

[stramel]

You're welcome! Thanks for the heads up!