I have an application which calls the Kaltura library like so where xxx and zzz represent our partnerid and uiconfi_id:
<script src="https://www.kaltura.com/p/xxx/sp/xxx00/embedIframeJs/uiconf_id/zzz/partner_id/xxx"></script>
I make a call to my controller to return an html snippet as below via an Ajax Post:
<h2 class="title">@Model.Title</h2>
<div id="video-window" itemprop="video" itemscope itemtype="https://schema.org/VideoObject"></div>
The ajax post is:
$('a[class="video"][data-cid]').on('click', function (e) {
e.preventDefault();
var mydata = $(this).data();
setSize(false);
$.post('/My/GetMediaPlayer', { 'title': mydata.title }, function (data) {
$('#player-window-large').html(data).find("#video-window").css({ "width": width, "height": height });
$('#popup2').modal();
kWidget.embed({
"targetId": "video-window",
"wid": "_xxx",
"uiconf_id": "zzz",
"flashvars": {},
"entry_id": "1_abcde"
});
});
The popup works, the screen is resized but the kWidget does not appear. I have tried a number of times to try and load Kaltura dynamically but the API docs are not very helpful. Can someone explain what is wrong with this?