Javascript embed
Step 1. Paste the following code into your HTML.
<div id="leanin-player">
<script type="text/javascript" src="http://api.leanin.com/js/kalturaLoader.js"></script>
<script type="text/javascript">
LeanInPlayer.width = 480;
LeanInPlayer.height = 300;
LeanInPlayer.apiKey = '{API_KEY}';
LeanInPlayer.networkMediaID = '{ENTRY_ID}';
LeanInPlayer.embed("leanin-player");
</script>
</div>
Step 2. Replace the placeholders {API_KEY} with your LeanIn API Key and {ENTRY_ID} with the Kaltura video’s entry_id.
Step 3 (Optional). Customize the height and width. You can change the width and the height by modifying the attributes LeanInPlayer.width and LeanInPlayer.height (They can be any HTML values i.e. 50% or 250px).
Step 4 (Optional). You can also customize where the player will appear on your page using this method. To do this, simply replace LeanInPlayer.embed(“leanin-player”) with LeanInPlayer.embed(“mydiv”), where mydiv is any div on your page. Through this you can separate the javascript code and the HTML code.