Geek Answers Handbook

Create Kaltura HTML5 AdSupport Video Player for VAST / VPAID

I want to use Kaltura's standalone HTML5 player with VAST / VPAID ad support modules, but I'm at a loss. I am not completely familiar with Kaltura architecture, and thought that I found a lot of details and discussions in the Kaltura support documentation and community forums, I was not lucky that it works. (Example: http://www.kaltura.org/ad-support-integration )

I installed the HTML5 player (kaltura-html5player-widget.1.6a_0.zip) in a local environment (running Apache and PHP on Linux) and I downloaded the AdSupport modules from GitHub ( https://github.com/kaltura/mwEmbed/tree/ master / modules / AdSupport ), but cannot figure out how to load AdSupport modules for use in the player.

Here is what I still have, but nothing is loading:

<head>
    <title>Simple Video Sample</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <!--  Include jQuery -->        
    <script type="text/javascript" src="../jquery-1.6.4.min.js" ></script>
    <!-- Include the css and javascript -->
    <style type="text/css">
        @import url("../skins/jquery.ui.themes/kaltura-dark/jquery-ui-1.7.2.css");
    </style>  
    <style type="text/css">
        @import url("../mwEmbed-player-static.css");
    </style>    
    <script type="text/javascript" src="../mwEmbed-player-static.js" ></script>

    <script>
    mw.load("modules/AdSupport/resources/mw.AdLoader.js",function(){
       mw.AdLoader.load( 'http://path/to/vast/ad.xml', function( adConf ){
            // Now you can call addAdToPlayerTimeline with the adConf
             mw.addAdToPlayerTimeline( embedPlayer, ['preroll', 'bumper','overlay', 'postroll'], adConf );
       });
    });             
    </script>


</head>
<body>
    <h3>Simple video sample</h3>

    <video id="vid1" width="480" height="300" 
    poster="http://www.iana.org/_img/2013.1/icann-logo.svg"
    durationHint="33"        
    >
        <source src="http://path/to/video.mp4" type="video/h264" />
    </video>

</body>
+4
source share
2 answers

The kaltura player supports VAST / VPAID out of the box, both javascript [html5] and flash. to use it, please get the latest information from our main repository here: https://github.com/kaltura/mwEmbed

To use the kaltura player without the kaltura backend, we create a proxy layer that allows you to decide where you want to get the metadata and video sources from. this level is still under development / qa, but if you want to try it out: https://github.com/kaltura/mwEmbed/tree/proxyPlayer

all player details + APIs are located on player.kaltura.com.

KMC ( ), .

, .

,

+2

More articles:


All Articles