In my previous post I tried to embed a short demo video, which reminded me of how strict Apple Safari on iOS is.
Apple has documented these details here, but it boils down to adherence to strict encoding and serving requirements.
I am encoding like this now for iPhone embedding. The filter-complex is because it also appears to me that resolution must be standard, so when I crop out a strange resolution (ironically, I do this directly on an iPhone…) I seem to have to fill it back in, so that’s what this filter does, using a blur effect:
I ended up creating this issue for Hexo https://github.com/hexojs/hexo/issues/4829 to support range headers.
It was easy to figure out what’s going on by using wireshark to see the embedded server was disregarding Apple’s strict expectation of adherence to Range headers.
Here we see Hexo’s development server disregarding the range headers:
When using the
http-server module we can see the range header is respected: