Playback issues on Safari

[giuseppe-zappala]

Hi there,

We have been experiencing playback problems on Safari on iOS versions > 11 and < 14.4. All tests have been made on Safari browser on iPad devices.

The embedded videos showed no controls but only a blurred thumbnail image. In order to rule out problems related to our implementation (and thus potentially to the react-vimeo library) we conducted tests both on our website and on https://player.vimeo.com/embed. Given that the aforementioned issues were present also on this latter page, we contacted Vimeo support that confirmed the issue and informed us that their developers had pushed changes to fix it (08 November 2022).

Conducting further test we could verify that some issues had been solved while others remained. Parallel test on the official Vimeo embed test page and our website gave mixed results. For those problems that were present also on https://player.vimeo.com/embed (iOS versions 12.4, 13.5 and 13.6) we contacted Vimeo support.

Below is a list of tests that showed no problem on the Vimeo embed test page but failed on our website, therefore potentially related to react-vimeo:

iOS 14.1 iPad (6th Generation)

player.module.js:3 TypeError: undefined is not an object (evaluating 'i.overrideBehavior')
player.module.js:3 TypeError: undefined is not an object (evaluating 'e.displayList')`

iOS 14.2 iPad (6th Generation)

player.module.js:3 TypeError: undefined is not an object (evaluating 't().appearance.shouldRestoreSidedock')

{message: "An error occurred.", name: "Error", method: undefined}

There seem to be no problem on iOS 14.4 iPad mini (5th Generation)

Thank you in advance for your attention.

Giuseppe