Forum Discussion
Inserting Video with Transparency
Hello all,
Goal: I'm attempting to insert a video with a transparent background into a lesson so that a "speaker" can overlay on top of, or next to assets on the slide.
Result: The transparent background of my .mov video file is lost and takes on a brown color (see 'published' attachment)
Steps I took:
- Exported an animation video from Articulate with a green background (see 'video search' attachment)
- Imported video to Adobe Premiere
- Use the "Ultra Key" effect to remove the green background. (see 'ultra key' attachment)
- Exported video in the Quicktime format, using the "Apple ProRes 4444 XQ with Alpha" (see 'adobe export presets' attachment)
- Inserted the export back into Storyline - but transparency was lost. (see 'published' attachment)
Any creative minds out there that have some ideas on how to accomplish this?
12 Replies
storyline uses mp4 (h264) as video format and mp4 don't support transparency at all
Hi Cory,
Thanks for reaching out! Jürgen's right, transparent videos are not yet supported in Storyline 360. It's not currently on our feature roadmap, but I'll be sure to update this discussion if our team decides to reroute.
It is likely doable.
1. You need to export to WEBM format and not MOV format because MOV files are mostly unsupported by browsers.
2. You'll need to replace the converted video file in the published folder with the originally exported one, by giving the same name (including .mp4 extension).
I could try to do it, if you like, but later :)
>1. You need to export to WEBM format and not MOV format because MOV files are mostly >unsupported by browsers.
- unfortunately Apple iOS does not support support WEBM
- if you use Safari on macOS you need Safari 16 (available for macOS 12/13/14)
Ok then - we can try to replace the converted mp4 file with your mov file, preserving the same name.
Hi there, is this on the roadmap yet? I can see the first request for this was 7 years ago in other posts. I think enough people have asked for this now for it to be implemented? Thanks :)
Hi Ashley,
Thanks for following up on this feature request. Engineering is currently investigating how to implement support for videos with transparency. We'll update this post with any changes, and you'll be among the first to know. Stay tuned!
Would be really great to get this in!!
It's disappointing that issue still has not been resolved! is there a way we can help it to be priortised?
See my recent post on a fairly easy approach to inserting transparent videos.
See: simplified-approach-to-adding-transparent-videos-to-storyline
Alternatively, just search for the title in the link.
As much as I think Nathan_Hilliard is a genius for his transparent video workaround, I'm holding off until Articulate officially supports it, and yeah, I'm one of the ones who's been waiting for 7 years for this feature request. Especially now that Vyond allows .webm video exports with transparency, we would love to be able to import Vyond .webm videos with a talking head character matted for overlay on top of Storyline content. ARTICULATE - IS VIDEO TRANSPARENCY ON THE ROADMAP YET???
