SOLVED: Using a Metabox video field as dynamic data don't work when using it in a Video Lightbox link

Bugs
1

Hello! :slightly_smiling_face:

As the title says, if I use a “video field” from Metabox as the dynamic data source of a link element that is set to open as a video lightbox, the video doesn’t work.

I can use the same Metabox video field for a Bricks video element, for example, but not in the video lightbox link type.

Here are my Bricks settings:

image
image994×2156 153 KB

Inspecting the DOM, what I can see is that the DD is adding extra tags where it shouldn’t be. This is how the link looks with the video lightbox:

<a id="brxe-cvbdyb" class="brxe-button video-cta__button is-heading bricks-button bricks-lightbox" href="&lt;a href=&quot;https://my-site.com/wp-content/uploads/sb-360.mp4&quot; aria-label=&quot;Descargar sb-360&quot;&gt;sb-360&lt;/a&gt;" data-pswp-width="1280" data-pswp-height="720" data-pswp-video-url="&lt;a href=&quot;https://my-site.com/wp-content/uploads/sb-360.mp4&quot; aria-label=&quot;Descargar sb-360&quot;&gt;sb-360&lt;/a&gt;" aria-label="Ver vídeo"><svg class="" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><rect width="48" height="48" fill="#E0241A"></rect><path d="M18 34.3847V13.6157L34.3075 24.0002L18 34.3847ZM20 30.7002L30.577 24.0002L20 17.3002V30.7002Z" fill="white"></path></svg>Así es cómo trabajamos</a>

This results in the lightbox not working at all.

And here’s a regular video element pulling the same dynamic data from the same Metabox video field:

<video class="" preload="none" autoplay="" playsinline="true" onclick="this.paused ? this.play() : this.pause()" loop="" muted="" src="https://my-site.com/wp-content/uploads/sb-360.mp4" data-is-loaded="true"><p>Tu navegador no admite la etiqueta de vídeo.</p></video>

Why’s that? Why Bricks inject the double href and aria-label tags, inside the href tag in this scenario? It seems like a bug to me!

Can you take a look?

Thanks!

2

Have you considered to use the interactions and popups function in Bricks? You would get better control and outcome with that approach. Just a thought.

3

I could, yes! But I simply need a button that opens up a video lightbox in a single post template. I think that the option that the Bricks button component gives me would suffice if it worked as intended!

4

Hi @knut_studio,

thank you for getting in touch with us. I can confirm that it’s working in the video element but not when using it in the lightbox video. I’ll create an internal bug report for this and will update this topic once we have a solution.

Thank you,
Matej

1 Like
5

Hi @Matej,

Glad to hear!

Thank you!!

6

We fixed this issue in Bricks 2.3, now available as a one-click update in your WordPress Dashboard.

Please read the changelog entry before updating, and let us know if you continue to experience issues.

1 Like