Support Topics Documentation Slack YouTube Blog

Embedding a Loom video in UI builder

I am trying to emded a loom video in UI builder.

Loom provides an embed code which works in other website builders using some sort of code block.

Here is the code:

<div style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe src="https://www.loom.com/embed/d1064fee09214f6c894874772269f4ae" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

In UI Builder, I am trying to use the video block.

Adding the url to the video block works fine:
image

But if I try to use logic, it does not and I receive the following error message: Refused to display ' https://www.loom.com/ ' in a frame because it set 'X-Frame-Options' to 'deny'. Loom normally asks you to use their own embed code, namely <div style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe src=" https://www.loom.com/embed/d1064fee09214f6c894874772269f4ae " frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div> .

Is there a way to embed sth like this in UI Builder?

Can you describe what logic you try to use?

Also, if you create a simple page where reproduce this behavior and provide app id, that could speed up resolving the issue.

Regards, Dima

While preparing the simple page for you, I found the solution.

For anyone looking at something similar, Loom (and I guess other similar services) has a different url when sharing or embedding a video. So I simply modified the urls in my DB to use their embed syntax and it worked.