kWidget.destroy enables you to cleanly remove a kWidget.embed:
- <div id="myEmbedTarget" style="width:400px;height:330px;"></div>
- <!-- Substitute {partnerId} for your Kaltura partner id, {uiConfId} for an actual player id, also known as the uiconf id and {entryId} for an actual entry id. -->
- <script src="http://cdnapi.kaltura.com/p/{partnerId}/sp/{partnerId}00/embedIframeJs/uiconf_id/{uiConfId}/partner_id/{partnerId}"></script>
- <script>
- kWidget.embed({
- 'targetId': 'myEmbedTarget',
- 'wid': '_{partnerId}',
- 'uiconf_id' : '{uiConfId}',
- 'entry_id' : '{entryId}',
- 'flashvars':{ // flashvars allows you to set runtime uiVar configuration overrides.
- 'autoPlay': false
- },
- 'params':{ // params allows you to set flash embed params such as wmode, allowFullScreen etc
- 'wmode': 'transparent'
- }
- });
- </script>
An integrated example which includes SEO and video metadata, plugin configuration flashvars and an inline ready callback
- <div id="myEmbedTarget" style="width:400px;height:330px;"></div>
- <script src="http://cdnapi.kaltura.com/p/{partnerId}/sp/{partnerId}00/embedIframeJs/uiconf_id/{uiConfId}/partner_id/{partnerId}"></script>
- <script>
- kWidget.destroy( 'myEmbedTarget' );
- </script>
- <div id="myVideoContainer" itemprop="video" itemscope itemtype="http://schema.org/VideoObject" >
- <div id="myVideoTarget" style="width:400px;height:330px;">
- <!-- SEO and video metadata go here -->
- <span itemprop="description" content="test folgers coffe"></span>
- <span itemprop="name" content="FolgersCoffe.mpeg"></span>
- <span itemprop="width" content="400"></span>
- <span itemprop="height" content="300"></span>
- </div>
- </div>
- <script>
- kWidget.embed({
- 'targetId': 'myVideoTarget',
- 'wid': '_243342',
- 'uiconf_id' : '12905712',
- 'entry_id' : '0_uka1msg4',
- // Plugin configuration / flashvars go here
- 'flashvars':{
- 'myPlugin':{
- 'fooAttribute': 'bar',
- 'barAttribute': 'foo'
- },
- 'autoPlay' : true
- },
- // Ready callback is issued for this player:
- 'readyCallback': function( playerId ){
- console.log( "kWidget player ready: " + playerId );
- var kdp = $( '#' + playerId ).get(0);
- kdp.kBind( 'doPlay', function(){
- console.log( "doPlay called on " + playerId );
- });
- }
- });
- </script>
html5 qunit | flash qunit