Cloudflare Stream videos cause layout issues in Elementor / WordPress

What is the name of the domain?

What is the error number?

N/A

What is the error message?

N/A

What is the issue you’re encountering

I’m embedding Cloudflare Stream videos on a WordPress website using Elementor. The problem is: When a video is embedded (using either iframe or the tag), elements like titles, texts, and buttons either appear above the video, or the video disappears entirely on some layouts. The layout is completely broken around the video. This does not happen when using a standard HTML5

What steps have you taken to resolve the issue?

:wrench: What steps have you taken to resolve the issue?
Tested with both iframe and tag.

Tried custom CSS (z-index, position, overflow, etc.).

Switched Elementor section positions and structure.

Hid the overlapping elements conditionally for logged-in users.

Reverted to a previous working version (same issue now).

Confirmed that standard HTML5 video works fine.

Tested across different browsers and devices.

The issue only appears when using Cloudflare Stream videos.

What are the steps to reproduce the issue?

Create a WordPress page using Elementor.

Add a video using either an