JSFiddle - React, Tailwind, and code Playground

by cstigler

HTML

<script src="https://cdnapisec.kaltura.com/p/1776261/sp/177626100/embedIframeJs/uiconf_id/31140461/partner_id/1776261"></script>
<div id="videoPlayer">

</div>

CSS

#videoPlayer {
  width: 640px;
  height: 480px;
}

JavaScript

var kdp;

var playThenPause = function() {
  kdp.sendNotification('doPlay');
  kdp.sendNotification('doPause');
};

kWidget.embed({
  targetId: 'videoPlayer',
  wid: '_' + 1776261,
  uiconf_id: 31140461,
  entry_id: '1_czi3dwdr',

  readyCallback: function(playerId){
    kdp = document.getElementById(playerId);

    kdp.kBind('playerPlayed', function() {
      console.log('kdp event: playerPlayed');
    });
    kdp.kBind('playerPaused', function() {
      console.log('kdp event: playerPaused');
    });
    kdp.kBind('playerStateChange', function(state) {
      console.log('kdp event: playerStateChange (' + state + ')');
    });
    
    setTimeout(playThenPause, 1000);
  }
});