Kaltura Plugin SDK Set Up

The *Plugin SDK supports Kaltura embeds using auto embed or the dynamic embed. Iframe and thumbnail embeds do not work. To get started, generate an embed code for your Kaltura media by following the instructions at: https://knowledge.kaltura.com/embedding-kaltura-media-players-your-site#kaltura_embed_options.
Make sure the ID in your player div is identical to the player_id of the p3sdk-container (highlighted in pink).

Auto embed:

<div class="p3sdk-container p3sdk-debug" player_id="kaltura_player_1447703548" player_type="kaltura">
<div id="kaltura_player_1447703548" style="width: 400px; height: 333px;" itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
<span itemprop="name" content="Kaltura SDK Testing"></span>
<span itemprop="description" content=""></span>
<span itemprop="duration" content="20"></span>
<span itemprop="thumbnail" content="http://cfvod.kaltura.com/p/111032/sp/11103200/thumbnail/entry_id/1_f16s2d16/version/100003"></span>
<span itemprop="width" content="400"></span>
<span itemprop="height" content="333"></span>
</div>
<script src="http://cdnapi.kaltura.com/p/111032/sp/11103200/embedIframeJs/uiconf_id/32098812/partner_id/111032?autoembed=true&entry_id=1_f16s2d16&playerId=kaltura_player_1447703548&cache_st=1447703548&width=400&height=333&flashvars[akamaiHD.loadingPolicy]=preInitialize&flashvars[akamaiHD.asyncInit]=true&flashvars[streamerType]=hdnetwork"></script>
</div>

 

Dynamic embed:

Make sure that the player_id of the p3sdk-container div and the player div id match the targetID of the kWidget embed (highlighted in pink).

<div class="p3sdk-container p3sdk-debug" player_id="kaltura_player_1447703548" player_type="kaltura">
<script src="http://cdnapi.kaltura.com/p/111032/sp/11103200/embedIframeJs/uiconf_id/32098812/partner_id/111032"></script>
    <div id="kaltura_player_1447703758" style="width: 400px; height: 333px;" itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
        <span itemprop="name" content="3PlayMedia_H264_1080_Mar30"></span>
        <span itemprop="description" content=""></span>
        <span itemprop="duration" content="78"></span>
        <span itemprop="thumbnail" content="http://cfvod.kaltura.com/p/111032/sp/11103200/thumbnail/entry_id/1_f16s2d16/version/100003"></span>
        <span itemprop="width" content="400"></span>
        <span itemprop="height" content="333"></span>
    </div>
<script>
    kWidget.embed({
        "targetId": "kaltura_player_1447703758",
        "wid": "_111032",
        "uiconf_id": 32098812,
        "flashvars": {
        "akamaiHD": {
             "loadingPolicy": "preInitialize",
             "asyncInit": "true"
    },
        "streamerType": "hdnetwork"
    },
        "cache_st": 1447703758,
        "entry_id": "1_f16s2d16"
    });
</script>
</div>

*The Plugin SDK is sometimes referred to as "P3SDK"

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk