# Conditional Formatting of Video.JS

**URL:** <https://forum.bubble.io/t/conditional-formatting-of-video-js/29217>\
**Category:** Need help\
**Created:** [May 11, 2018, 6:41pm UTC](https://forum.bubble.io/t/conditional-formatting-of-video-js/29217 "2018-05-11T18:41:29Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![rezametal763](https://avatars.discourse-cdn.com/v4/letter/r/b4bc9f/32.png) [@rezametal763](https://forum.bubble.io/u/rezametal763)\
**Post date:** [May 11, 2018, 6:41pm UTC](https://forum.bubble.io/t/conditional-formatting-of-video-js/29217/1 "2018-05-11T18:41:29Z")

</div>

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?

 ![47%20AM](https://us1.discourse-cdn.com/bubble/original/3X/3/6/36853f1f0b0992ef58aba3e06e1fead0ef439e1e.png)

---

<div class="post-metadata">

**Author:** ![andrewgassen](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/andrewgassen/32/44248_2.png) [@andrewgassen](https://forum.bubble.io/u/andrewgassen)\
**Post date:** [May 11, 2018, 8:01pm UTC](https://forum.bubble.io/t/conditional-formatting-of-video-js/29217/2 "2018-05-11T20:01:03Z")

</div>

What part isn’t working?

---

<div class="post-metadata">

**Author:** ![rezametal763](https://avatars.discourse-cdn.com/v4/letter/r/b4bc9f/32.png) [@rezametal763](https://forum.bubble.io/u/rezametal763)\
**Post date:** [May 12, 2018, 12:04am UTC](https://forum.bubble.io/t/conditional-formatting-of-video-js/29217/3 "2018-05-12T00:04:56Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![mebeingken](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mebeingken/32/20139_2.png) [@mebeingken](https://forum.bubble.io/u/mebeingken)\
**Post date:** [May 12, 2018, 12:39am UTC](https://forum.bubble.io/t/conditional-formatting-of-video-js/29217/4 "2018-05-12T00:39:33Z")

</div>

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.)

---

<div class="post-metadata">

**Author:** ![di\_lucena](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/di_lucena/32/50410_2.png) [@di\_lucena](https://forum.bubble.io/u/di_lucena)\
**Post date:** [May 12, 2018, 3:26am UTC](https://forum.bubble.io/t/conditional-formatting-of-video-js/29217/5 "2018-05-12T03:26:25Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![rezametal763](https://avatars.discourse-cdn.com/v4/letter/r/b4bc9f/32.png) [@rezametal763](https://forum.bubble.io/u/rezametal763)\
**Post date:** [May 12, 2018, 3:50am UTC](https://forum.bubble.io/t/conditional-formatting-of-video-js/29217/6 "2018-05-12T03:50:42Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![rezametal763](https://avatars.discourse-cdn.com/v4/letter/r/b4bc9f/32.png) [@rezametal763](https://forum.bubble.io/u/rezametal763)\
**Post date:** [May 12, 2018, 3:52am UTC](https://forum.bubble.io/t/conditional-formatting-of-video-js/29217/7 "2018-05-12T03:52:11Z")

</div>

that fixed the issue, thanks!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [July 20, 2018, 6:49pm UTC](https://forum.bubble.io/t/conditional-formatting-of-video-js/29217/8 "2018-07-20T18:49:29Z")

</div>

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