How to add transparent video
Sep 29, 2020
By
W Gill
Hi all,
I am trying to add a transparent video that I created in After Effects. The video is an animated number count-up that I would use above an animated bar graph that I create in SL. I have properly created the video in AE, as I have tested the transparency on other videos and they work seemlessly.
Does SL have a problem with using these RGB+A videos when importing into a slide?
I can easily add the video and the count-up will work, however, I have to create a background color on the video that is the same as my slide color. This takes away any type of gradients or other picture backgrounds on the slide.
Thanks for your help!
3 Replies
I think you'll find your answer here about transparent video support in HTML5. https://community.articulate.com/discussions/articulate-storyline/transparent-background-video-support
I'm testing a workaround for this issue. Can you send me a video file with alpha transparency that I can test with?
Sure... Please find attached.
Thanks for that. What I'm finding so far is that for a video format to play in HTML5, the format must be supported by the browser. There does not seem to be native support for .mov or .flv files without some type of plugin. I tried converting your .mov to a .webm and then inserting it into Storyline inside of a web object. This works well in Chrome on Windows. I'm not sure if webm files are supported yet on IOS though. http://andersonelearning.com/demo/Transparent_Video/story.html
P.S. Thanks to W Gill for sending me a transparent video file to test with!
This discussion is closed. You can start a new discussion or contact Articulate Support.