Essential Grid Vimeo playback bug in Google Chrome

[Frimatek]

Hi there,

I’ve built a Grid using Essential Grid and ran into a bug. Since I don’t have a license I was wondering if you could report this to the developers in any way?

The issue is as follows; when playing a Vimeo video in a grid in Google Chrome, this is wrongly detected as an autoplay, causing playback to be blocked.

The console shows the following error:

vimeo error occured
player.js:2 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:8680
at Array.forEach (<anonymous>)
at b (https://player.vimeo.com/api/player.js:2:8654)
at e (https://player.vimeo.com/api/player.js:2:10401)

This unfortunately makes it impossible for users to view these videos. An example can be tried at http://wordpress-121214-714136.cloudwaysapps.com/portfolio/ (the first video, others are sourced from YouTube and work fine). This issue only occurs in Google Chrome, Safari and Firefox work fine.

[Frimatek]

Update: I have temporarily fixed the issue by setting the “allow” attribute to “autoplay;” for the iframe containing the Vimeo video using jQuery:

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

Ideally the developers of Essential Grid would set this by default. This seems to be a new requirement as of a recent update of Google Chrome in order for video playback to work in this form.

[ruenel]

Hello @Frimatek,

Thanks for updating us. I already have added this to our issue tracker and our developers has made aware of the issue. They should be able to communicate with the creators of the plugin.

Best Regards.