Video with rounded corners loses transparency after publishing

Hi everyone,

I’m trying to create a video in Storyline with rounded corners, but I’m running into issues after publishing. I have literally spent all day on trying to solve this. 

Here’s what I’ve tried so far:

I created a WebM version of the video with transparency and rounded corners. When I preview the slide in Storyline, the rounded corners display correctly. However, when I publish the course, the video displays with square corners again.

I also tried using the video as a web object with CSS rounding. That preserved the rounded shape after publish, but the web object had a noticeable delay before appearing on the slide. Since the course will be hosted in an LMS, I’m concerned about relying on web object timing or JavaScript/CSS workarounds.

The slide background is not a solid color. It has varying shapes and colors, so using overlay shapes or background patches to fake the rounded corners is not really a viable option.

Has anyone found a reliable way to use a video with rounded corners in Storyline that still works after publishing and in an LMS?

Ideally, I’m looking for a solution that:

• Keeps the video corners rounded after publish
• Works reliably in an LMS
• Does not require a delayed-loading web object
• Does not require matching the slide background with overlays
• Avoids shimmer or compression artifacts in the video

Any suggestions or tested workflows would be greatly appreciated.

 

Thanks,

Melanie