How to Reposition Closed Captions in Storyline 360

Have you ever wanted to move the closed captions in Storyline 360, only to find that it isn't possible? Maybe you've got a custom skin that has a bottom navigation bar that clashes with the captions? Or maybe you are designing for small screens and the captions are blocking the content on your slide?

In this tutorial, we will write some code that will reposition Storyline's closed captions in the HTML5 output. Unfortunately, this doesn't work in the Flash output, but it is 2018! So unless you're dealing with weird Internet Explorer compatibility mode crap, you should be publishing to HTML5 first anyway!

Then, if you want to know how to make other changes to the closed captions, such as making them transparent, changing the background colour, the font size (independently on the player font size), or making them sparkle, then we can dig into that later.