SOLVED: Video overlay icon doesn't play the video

Bricks Version: 1.3.7

Assuming the icon feature of the Video element is designed to give users a nice big button to press in order to play the video (rather than the default tiny one in the bottom corner)…it doesn’t work. Clicking the custom icon just makes it disappear, the user is left with the video with it’s default play icon—the tiny on in the bottom corner which then has to be clicked in order to play the video.

Basically, as it is now, the custom overlay icon is useless.

1 Like

Hi Eric,

I’ve tried it with both Youtube and Vimeo and can’t see an issue: https://vimeo.com/673124283/2b8f29d645

Is there any js error visible in dev tools?

No errors in the console. You can try it out yourself here: Case Studies – POGO

First two videos have the overlay icon.

Aehm… works for me as well https://vimeo.com/673397936/37f7e1a409 :thinking:

Hmmm…ok looks like it’s browser-dependent. It doesn’t work in Vivaldi—the main browser I use, but works in Firefox and Safari.

That’s why when you create a bug post, among other things, we ask for the browser :grinning:

I don’t know offhand how high the user numbers of Vivaldi are, however I am sure that it works in every major browser.

However, we will of course look into it and try to fix the bug in Vivaldi as well, if we can influence it.

Best regards,
timmse

Hi Eric,

I’ve just installed Vivaldi and tested it by myself: https://vimeo.com/673879568/5c5f5df3ef

It works perfectly fine for me :thinking:

Bricks: 1.5
Chrome: Version 104.0.5112.81

I’m having the same issue as TS - running version 1.5.
Also the info switch doesn’t seem to work.

Made a little video showing the issue.

Now after I recorded the video I checked the front end as well.
In the frontend - the icon IS clickable. But, the youtube icon is still there as well.

Working more with it, I notice the overlay isn’t working either.
I would expect an image overlay to load the video once clicked.

But adding an overlay image does nothing.

Hi Michael,
Thank you very much for your report.

There seem to be problems with the Youtube embed API that we can’t influence.
For example, if you insert a Youtube video using the embed code inside of the code element and add various parameters, none of them work (neither autoplay, nor showinfo, nor anything else).

The overlay only works in conjunction with the icon, which makes sense from my point of view, because how else would the user know to click on the image?

Best regards,
timmse

eyyy!
Yes, the overlay + icon now works on the front end! Happy with that thanks!
Now you say it - it makes sense to me as well.
Things can be said about only the icon - but this works fine for me.
Thanks again Timmse!

Sidenote:
Doesn’t matter to me that much, but FYI:
In the builder itself and in preview mode, the video doesn’t work.
Does on the front end - so fine for me.