JSFiddle - React, Tailwind, and code Playground

by scurrilus

HTML

<script src="https://cdnapi.kaltura.com/p/{partnerId}/sp/10600/embedIframeJs/uiconf_id/23464664/partner_id/106"></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>