[BUG] Safari / iOS compatibility

[subdavis]

Thanks to zach:

FYI, the fix was to use 'seeked' instead of 'canplay'. Safari doesn't fire 'canplay' apparently for some kind of security reason
1:20
that may be useful upstream knowledge, if you're relying on that event anywhere
1:21
also if you want the initial load event, you should use 'loadedmetadata' on safari

We should make sure we aren't using these events and verify safari browser functions as intended.

[zachmullen]

The last issue I'm running into: I'm using a watch on the ready field of VideoAnnotator component. It never seems to get updated on iOS Safari, though it works fine on MacOS Safari.

UPDATE: I've discovered something here. None of the frames were rendering when I was just seeking through them, but as soon as I play the video back normally, I am then able to seek from then on and get the actual frames.

FINAL UPDATE: The fix was to set preload='metadata' on the video. I think this might have to do with iOS Safari trying to protect users from autoplaying videos, not 100% sure though.

[zachmullen]

~~One more thing, is that the pinch gesture doesn't seem to work on iOS.~~ This was a false alarm, please ignore.

[waxlamp]

@subdavis is this still valid?