External Resources
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.
OnPage resources
Iframe HTML5 player resources
- Iframe fooBarPlugin.js -- shows javascript associated with a plugin line attribute ( instead of a custom var resource )
- 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.
kWidget.embed({
'targetId' : 'kaltura_player',
'wid' : '_243342',
'uiconf_id' : '5994862',
'entry_id' : '0_uka1msg4',
'flashvars': {
'myComponent':{
'plugin' : true,
'img':"externalResources/flower.jpg",
'iframeHTML5Js':'externalResources/myComponent.js',
'iframeHTML5Css':'externalResources/myComponent.css'
},
"IframeCustomPluginCss1" : "externalResources/IframeCustomPluginCss1.css",
"IframeCustomPluginJs1" : "externalResources/iframe_fooBarPlugin.js",
"onPageJs1" : "externalResources/onPageJs1.js",
"onPageCss1" :"externalResources/onPageCss1.css"
}
});
How do I build plugins and skins?
See full plugin and css player toolkit docs in the Knowledge center.