Essential Grid - Vimeo vids not playing in Chrome desktop

Support
#1

Essential Grid - Vimeo vids load, but do not play on Chrome desktop. YouTube videos are playing fine, and the Vimeo vids load and play in Safari and Firefox.

Google Chrome is up to date
Version 72.0.3626.121 (Official Build) (64-bit)

#2

Hi @jimmyslo,

Thanks for reaching out.

It plays on my Chrome

And the same as Youtube videos, Vimeo videos are also hosted outside your site with their own players and just embedded through an iframe to your site. If there is a problem in the video then it’s something uncontrollable through your site. It’s best contacting Vimeo to see what’s going on, but I don’t see any issue. Video hosting sites usually handle the video format automatically including browser cross-compatibility.

Thanks!

#3

Really strange. Working on both my 2016 MBP and on my wife’s 2015 MBP. Tried VPN on and off. I’m getting the same problem.

When the page initially loads, I click on Play Video and wait two seconds. The Vimeo interface flashes over the frame for a brief second and then disappears. Then the same Play Video overlay reappears. I click on it again, nothing happens.

However…

I reloaded the page. I click on Play Video. When the Vimeo interface flashes, I quickly click on the Vimeo play button in the lower left corner of the frame, and the video plays fine. Replays work fine.

So if I let a few seconds pass without quickly clicking the Vimeo play button before it disappears, it won’t play. And nothing can be done with those vids until the page is reloaded.

Can you try to replicate the problem in this way? I seriously doubt this is something Vimeo should be contacted about.

#4

Hello @jimmyslo,

I am another staff and I can confirm that you cannot play the video when you first load the page. It is because there is a JS error on the page.

Uncaught (in promise) NotAllowedError: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
    at https://player.vimeo.com/api/player.js:2:8720
    at Array.forEach (<anonymous>)
    at b (https://player.vimeo.com/api/player.js:2:8694)
    at e (https://player.vimeo.com/api/player.js:2:10441)

This seems to be coming from Chrome itself:

#5

I don’t understand. The link you sent is in regards to Chrome handling autoplay. This is an autoplay issue? I don’t have any of my vids set to autoplay.

So should I not use Essential Grid for Vimeo vids? Testing Vimeo vids in elements, they work fine in ‘Video’ and ‘Classic Embedded Video’ but there are similar issues with ‘Classic Video Player’.

Is this something you fix in Essential Grid and potentially Classic Video Player? Or do I re-layout my page to have a video gallery without Essential Grid? I’m not finding a solution in your last message.

#6

Hi @jimmyslo,

Please add the following code under Theme Options > JS:

jQuery(".esg-entry-media-wrapper iframe").attr("allow", "autoplay;");

This is a known issue and we’re still working on it.

Stay tuned.

#7

I’ve done it. But the issue persists.

#8

Hello @jimmyslo,

This issue could be related to do with the grid and Vimeo. Youtube is working fine. When you click the Play Video button, there is not JS error. Only the one with Vimeo videos will result to a JS error. The link I’ve sent is from the error itself by the way.

By the way, there was a typographic error in the JS code. Please have it updated and use this:

jQuery(".esg-entry-media-wrapper iframe").attr("allow", "autoplay");

Please let us know if this works out for you.

#9

I’ve updated the JS code with the correct one, and the issue persists.

#10

Hello There,

We will continue investigate the issue since you already have change the video using the video embed element in Cornerstone.

Thank you for your understanding.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.