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

onPageCss1_fooBar.css -- sets this to red
onPageJs1_fooBarPlugin.js -- console logs player ready event and update this span: update via on page js

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

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?

Knowledge center

QUnit Test Runner noglobalsnotrycatch

Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)