Transparent Background Video Support?!


I exported a QuickTime video with Alpha + RGB setting in after effect and when I Imported it to Storyline 3 (Lastest version) instead of transparent I got a black background. ( Using HTML5 output and chrome)

I'm looking for a solution to this?

Is Storyline capable of importing transparent videos or No It Just Can't?


7 Replies
Shiela Marie Marcos

Hi Sara,

Storyline 3 is capable of supporting Alpha Channel transparency in movies but it looks like it depends on the file format (.FLV and .SWF). Here is Articulate's support page which describes how videos are encoded in Storyline and another one which goes over the published output that support and don't support it (Flash and AMP).


Sara Ree

Hi Shiela,

Thank you for your response... and...

Again and again and again... Limitations...!!!

Based on those links Articulate Storyline does not support Videos with alpha-channel transparency on HTML5. 

If I still want alpha-channel transparency in HTML5, what then? I mean can I use web objects or something to suppress this deficiency?

Ashley Terwilliger

Hi Sara,

Correct, we support FLV files with alpha transparency in our Flash output and the Articulate Mobile player (all Storyline versions). The nature of those files doesn't allow for transparency to carry over to our HTML5 output.  To make sure your courses will still play if you've included them we'll re-encode those files during publishing for HTML5 output to an MP4.

Some users have asked about other file types with transparency:

  • The MP4/H.264 file type does not support alpha channel (not specific to Articulate tools)
  • A .webm video format is an option for transparency, but we don't support that based on their lack of browser support.  Essentially if you were using that file, it wouldn't work in IE, Safari(mobile or desktop) and have less than awesome results in Firefox. 

Hope that helps clarify!