"The Vimeo video could not be loaded." error in Safari in case you limit your video embedding to specified domains

Related content type: Interactive video

Steps to reproduce:

You'll need a vimeo premium or business account.

Upload a video to vimeo and change "Embed (Where can the video be embedded?)" field to: "Specific domains" and specify your domain.

Embed this video on your website (our website using Drupal 7 version of H5P module - 7.x-1.50 ) into an interactive video type h5p content.

Open your page in Safari browser (both OSX Safari and iOS Safari affected).

You will get "The Vimeo video could not be loaded." error.

Chrome and firefox are working fine.

Content types: 

Hi, I made nice interactive video's but they won't play on Iphone nor on Ipad.  But they do play on android celphone and tablet and on all computers.  Do you know how I can go around this?  I am using Wordpress.

Thank you.

Elisa

 

otacke's picture

Hi!

Have you checked that Safari supports the video codec that you're using for the videos? H5P doesn't render videos on its own but uses whatever the browser or the custom APIs (YouTube, Vimeo, Panopto) provide.

Best,

Oliver 

Thank you Oliver for your reply.  But since my videos do play on all Android phones and tablets I have read that it has something to do with OS. (but my videos play on my Mac laptop but not on Iphone and Ipad.  My question is more about how can I do to go around it?  How could I export a H5P interactive document and insert it as a URL link?  I also tried to do it but the screen was black (I was using the link provided under "reuse" and "integrate".

Thank you for any assistance.

Elisa

otacke's picture

Hi!

The OS (or rather the browser) may be one reason, yes.

I don't know what codec you used for the videos, but one good example would be "webm". Have a look at https://caniuse.com/?search=webm for instance. You'll see everything in green for desktop browsers and some red and tainted green for Safari on iOS depending on the iOS version. Some can play webm videos, some can't.

If - that's IF in capital letters - it's a problem with the codec that you're using, try to render your videos in plain mp4 (H.264) which should basically work anywhere.

The "reuse" code snippet is fine if you want to embed the video in some other page, but it would not solve the codec issue if it is one.

Cheers,
Oliver

Please keep focus on the problem described on the initial comment which is related to "Embed (Where can the video be embedded?)" field to: "Specific domains" ". This is not a codec related problem because in case I turn off the domain level embedding privacy the video working in safari browsers.

The problem is the following:

Chrome header sent:

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,/;q=0.8,application/signed-exchange;v=b3;q=0.9

Accept-Encoding: gzip, deflate, br

Accept-Language: en-GB,en-US;q=0.9,en;q=0.8,hu;q=0.7

Cache-Control: no-cache

Connection: keep-alive

Cookie: vuid=pl1494533316.6098640; language=en; __cf_bm=XzvRY8jE=

Host: player.vimeo.com

Pragma: no-cache

Referer: https://mydomain.com/

sec-ch-ua: "Not?A_Brand";v="8", "Chromium";v="108", "Google Chrome";v="108"

sec-ch-ua-mobile: ?0

sec-ch-ua-platform: "macOS"

Sec-Fetch-Dest: iframe

Sec-Fetch-Mode: navigate

Sec-Fetch-Site: cross-site

Upgrade-Insecure-Requests: 1

User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

 

Safari header sent:

GET /video/777665684 HTTP/1.1

User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.2 Safari/605.1.15

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,/;q=0.8

Accept-Language: hu-hu

Connection: keep-alive

Accept-Encoding: br, gzip, deflate

 

Host: player.vimeo.com

 

You can see that Safari doesn't send referrer so this is a valid reason why Vimeo refuses to play the video.

The question is: Why not sending Safari referrer and how can we make Safari to send referrer?

otacke's picture

You may have noticed that I wrote: "If - that's IF in capital letters" ...

Please keep focus on the problem described on the initial comment which is related to "Embed (Where can the video be embedded?)" field to: "Specific domains" ". This is not a codec related problem because in case I turn off the domain level embedding privacy the video working in safari browsers.

The problem is the following:

Chrome header sent:

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,/;q=0.8,application/signed-exchange;v=b3;q=0.9

Accept-Encoding: gzip, deflate, br

Accept-Language: en-GB,en-US;q=0.9,en;q=0.8,hu;q=0.7

Cache-Control: no-cache

Connection: keep-alive

Cookie: vuid=pl1494533316.6098640; language=en; __cf_bm=XzvRY8jE=

Host: player.vimeo.com

Pragma: no-cache

Referer: https://mydomain.com/

sec-ch-ua: "Not?A_Brand";v="8", "Chromium";v="108", "Google Chrome";v="108"

sec-ch-ua-mobile: ?0

sec-ch-ua-platform: "macOS"

Sec-Fetch-Dest: iframe

Sec-Fetch-Mode: navigate

Sec-Fetch-Site: cross-site

Upgrade-Insecure-Requests: 1

User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

 

Safari header sent:

GET /video/777665684 HTTP/1.1

User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.2 Safari/605.1.15

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,/;q=0.8

Accept-Language: hu-hu

Connection: keep-alive

Accept-Encoding: br, gzip, deflate

 

Host: player.vimeo.com

 

You can see that Safari doesn't send referrer so this is a valid reason why Vimeo refuses to play the video.

The question is: Why not sending Safari referrer and how can we make Safari to send referrer?

ViCC Can you please explain how you fix this problem . We are using moodle 4.0 and we hosted video in Vimeo account. when we are trying to access

video in safari browser its not playing and its giving error "Video not supported".

Hello, I wasn't be able to fix the problem.

Hello, I wasn't be able to fix the problem.

david.delco's picture

Hi,
I recently updated Moodle's H5P plugin (black icon) on my Moodle 4.1. platform, and now H5P's OER hub is active, but I don't know if this is the problem or not?

 

On the Moodle platform I have published 8 case report using H5P's Interactive Video tool (video From Vimeo). All 8 are configured the same way (Not listed & embedding possible only in specifcs URL), but the first 4 are displayed normally while the next 4 are not. The error displayed is "Vimeo video cannot be uploaded."

In a test done both from the corporate network and on an external network, the error shows up only from an iPhone device (with both Safari and Chrome). However, someone reports to me that the latest videos are not available from any device at all!

I also have other videos posted with the same system around the platform, in other courses, and everything works fine.

Since the videos were viewed sequentially, I thought it was a working memory/cache issue, but it doesn't change even after deletion, and if I'm not mistaken, Vimeo doesn't do caching.

I've tried changing the video links (SD, HD, etc.), but it doesn't solve the problem.
After manipulating the activity I noticed two more errors appearing:

  • SSL certificate problem: unable to get local issuer certificate.
  • Unable to communicate with H5P hub. Please try again later.

I don't know which way to turn.

Can anyone help me with this? Thank you very much.

 

I published on the Moodle.org H5P forum too.