Conditional Formatting of Video.JS

Hi everyone,

This may be an easy question (I’m new to Bubble) but I cannot figure it out for the life of me.

I built an app where users can upload a Youtube URL of their projects. I want Video.js api (the video player) to be shown to the viewers if the project comes with a URL. If it doesn’t, then I don’t want the element to be shown at all. Below is the conditional formatting setting I used for it, but it doesn’t work. Any suggestions?

What part isn’t working?

When the URL is not provided, I still see the element. I want it to be invisible when there’s no URL for a project.

Since you are setting auto play along with visibility, how about adding a second condition for when the url is empty and set The Element is Visible to false (uncheck the box.)

In the property editor main tab, do tou have the “this element is visible on page load” unchecked?

That was the issue, thanks! I unchecked it and it solved the problem.

that fixed the issue, thanks!

This topic was automatically closed after 70 days. New replies are no longer allowed.