Skinning the Captions Plugin

Here is an example of the captions plugin with a custom skin (Stijl). Please note that the skinning feature for Captions is only applicable to Flash mode. HTML5 mode does not support skinning the captions plugin. This skin includes PNG files for the captions on/off toggle:

Making your own skin compatible with the Captions Plugin is very easy. You only have to define a captions component in the skin XML. This component contains no settings, and just two images: one for the controlbarButton and one for the dockIcon:

<component name="captions">
  <elements>
    <element name="dockIcon" src="dock.png" />
    <element name="controlbarButton" src="controlbar.png" />
  </elements>
</component>