Interactive Video - Safari (desktop)/Mobile Bug

Hi there,

I'm having issues with the Interactive Video.
It works fine when I use it on my computer but only if I'm using Chrome. For some reason, some of the URLs I use don't work on Safari (desktop) and on Mobile. It says: 'Video unavailable - Watch on Youtube'. However, the same video works fine if I'm on my computer using Chrome. 

Here is a link where the error occurs: https://www.youtube.com/watch?v=ebb5AinKxWI&ab_channel=BillieEilishVEVO
This link works fine on my computer when using Chrome, but doesn't when I'm on Safari or using my phone - even if I use Chrome on my phone it still doesn't work. 'Video unavailable - Watch on Youtube' 
Not sure if it helps, but I noticed that any of the VEVO videos from Youtube seem to work when using Safari and Mobile - it only works when using Chrome on desktop.

And here is a link that works fine for all devices (desktop/mobile - Safari/Chrome): https://www.youtube.com/watch?v=z-t-l8vjQQI&t=93s&ab_channel=TED-Ed

I don't get why it happens. I don't do anything differently. 

Can you please help me figure it out? I have attached an image of the error when using Safari. 

I'm currently using Wordpress 6.2.2/H5P Version 1.15.2

 

I really appreciate your help.

Karine

Summary: 
Interactive Video - Safari (desktop)/Mobile Bug
Content types: 
otacke's picture

Hi!

Please compare https://h5p.org/node/1227264 for instance. In short: Older iOS versions don't support all relevant video codecs + on iOS, all browsers are forced by Apple to use Safari's rendering engine.

Cheers,
Oliver