External resources enable you to override portions of the player skin, or add custom external plugins.
Please see the documentation on iframe
and on-page plugins
for more information.
Iframe HTML5 player resources
- IframeCustomPluginJs1 -- shows that the resource is loaded early on and can do normal plugin "loader" bindings
- IframeCustomPluginJs2 -- just a console log showing multiple plugins
- IframeCustomPluginCss1 -- custom css file ( changes play button to a flower )
- Custom Loading Spinner - mw.setConfig('LoadingSpinner.ImageUrl', 'externalResources/loading.gif');
Relative path resources at run time
The player library supports including runtime external resources.
These resources should be relative to the page that the player is being embed on.
When you transition to production these resources should be moved to a CDN and referenced there.
'targetId' : 'kaltura_player',
'wid' : '_243342',
'uiconf_id' : '5994862',
'entry_id' : '0_uka1msg4',
'plugin' : true,
"IframeCustomPluginCss1" : "externalResources/IframeCustomPluginCss1.css",
"IframeCustomPluginJs1" : "externalResources/iframe_fooBarPlugin.js",
"onPageJs1" : "externalResources/onPageJs1.js",
How do I build plugins and skins?
See full plugin and css player toolkit docs in the Knowledge center.