(SOLVED, but still frustrated): Multiple video (Vimeo) elements on a page use same video ID if duplicated

Bugs
1

Bricks Version: 1.3.7

  1. Add a video element. Set the type to Vimeo and enter ID.
  2. Make a duplicate of the video element.
  3. Change the video ID of the second video element.

→ Both videos show the same video. Inspecting the properties, you can see that they have the same Video ID.

2

Update: this is due to the weird way in which global elements work…this is what happened.

  1. I added a video element and configured it to be how I want: auotplay, loop, mute, byline, title user portrait all OFF, and a nice big “play” icon overlay to make it easy to play the video.
  2. I thought "I’m going to want all video embeds on this site to look the same, so I’ll create a global element so I can re-use the configuration by adding the global element in the future and just change the video ID without having to configure the whole element each time.
  3. I then added the global element in multiple places throughout my site.
  4. After getting very frustrated, I realized that my expectation was that global elements were like element “templates”, allowing me to apply a global element in the future any only change the aspects that are different.

I now understand that changing any aspect of a global element changes all occurrences of it.

It would be really great if you could de-couple a global element instance so it could be used as just a template, as I expected.

3

@ainom

Understand your frustration. I created a feature request for it a while ago. Give it a vote if you havent done so already: Ideas – Bricks

4

Ha! Turns out I have already voted for this one! Strange that it needs to be voted on to even exist, eh?