Blog

  • Description:- Kaltura is a HTML5 & flash based media player providing video streaming and publishing solution.

     

    Steps to embed kaltura player:-

    1) Open KMC and go to Content > Manage.

    2) In Entries Table, click Preview & Embed in the Publish column.

    3) select a player from the Select Player menu.

    4) In Embed Type menu you found 4 ways to embed kaltura Player.

     

    Kaltura Embed Types:-

    1) Auto Embed

    2) Dynamic Embed

    3) Thumb Embed

    4) Iframe Embed

     

    1) Auto Embed:-

      This is the default embedding option for kaltura player.Auto embed is good for quickly embedding player onto

     the page without any runtime customizations.

     Include the code below in your HTML file:-

        <script type="text/javascript" src="http://cdnapi.kaltura.com/p/{Your_Partner_ID}/sp/{Your_Partner_ID}00/embedIframeJs/uiconf_id/{UICONF_ID}/Your_Partner_ID/{Your_Partner_ID}?EntryID={EntryID}&Player_ID={UNIQUE_OBJ_ID}&cache_st=1362074486&autoembed=true&width=600&height=400&"></script>
    

    2) Dynamic Embed:-

    Dynamic embed is recommended for  dynamically control runtime configuration and have more control over the embed call.

    This includes setting plugin overrides, setup callbacks and other customizing options.

    Include the code below in your HTML file:-

        <div id="{UNIQUE_OBJ_ID}"></div> 
        <script src="http://cdnapi.kaltura.com/p/{Your_Partner_ID}/sp/{Your_Partner_ID}00/embedIframeJs/uiconf_id/{uiConfId}/Your_Partner_ID/{Your_Partner_ID}"></script>
        <script>
          kWidget.embed({
             'targetId': '{UNIQUE_OBJ_ID}',
             'wid': '_{Your_Partner_ID}',
             'uiconf_id' : '{UICONF_ID}',
             'EntryID' : '{EntryID}',
             'flashvars':{ // allows you to set runtime uiVar conf. overrides. 
                  'autoPlay': false
             },
             'params':{ // allows you to set flash embed params like wmode, allowFullScreen etc
                  'wmode': 'transparent'
             },
             readyCallback: function( Player_ID ){
                  console.log( 'Player:' + Player_ID + ' is ready '); 
             }
         });
       </script> 
    

     

    3) Thumbnail Embed:-

      Thumbnail embed passes the entire configuration to the kWidget and embed when the user "clicks" on the play button.

       This method use when you need to embed multiple players in the web page.

        The syntax is identical to dynamic embed  except we have to call "kWidget.thumbEmbed" instead of "kWidget.embed".

         <script>
            kWidget.thumbEmbed({
             'targetId': '{UNIQUE_OBJ_ID}',
             'wid': '_{Your_Partner_ID}',
             'uiconf_id' : '{UICONF_ID}',
             'EntryID' : '{EntryID}',
             'flashvars':{ 
                  'autoPlay': false
             },
             'params':{
                  'wmode': 'transparent'
             },
             readyCallback: function( Player_ID ){
                  console.log( 'Player:' + Player_ID + ' is ready '); 
             }
         });
        </script>
    

    4) Iframe Embed:-

       This embed is good for if you don't want to allow 3rd party JavaScript to be embed on their pages.

       This embed mode is used for security reasons and page won't be able to  access the KDP player API.

       Include the code below in your HTML file:-

        <iframe src="http://www.kaltura.com/p/{Your_Partner_ID}/sp/{Your_Partner_ID}00/embedIframeJs/uiconf_id/{UICONF_ID}/Your_Partner_ID/{Your_Partner_ID}?iframeembed=true&Player_ID={UNIQUE_OBJ_ID}&EntryID={EntryID}" width="600" height="300" allowfullscreen webkitallowfullscreen mozAllowFullScreen frameborder="0"></iframe>

    That's it...

      If you have any doubt feel free to contact me at my Skype Id:- rohit.oodles

Tags: kaltura

View All PostsLeave a Comment
comments powered by Disqus

Mobile Applications

Video Content

Bigdata & NoSQL

SaaS Applications

Miscellaneous

Archives


Alexa Certified Site Stats for www.oodlestechnologies.com