Page History

...

1.  Initialize the Player.
   
   

   Code Block
   var player = new Frequency.Player();

   The player can be initialized with video and listener bindings so that it is one-shot ready to play or the player object can be constructed and setting the video to play and event listeners in subsequent method calls.   

   Code Block
   var player = new Frequency.Player( undefined, { video: { url: 'clips.vorwaerts-gmbh.de/big_buck_bunny.mp4', startPosition: 50, autoplay: true, adsConfig: {  adTagUrl: '/some/url/to/vast.xml', adCuePoints: [12345, 23456, 34567] } }, events: { onStateChange: function(state) { }, onProgress: function(currentTime) { }, (...) }  } );

2. Add player event listeners.

   Code Block
   player.addEventListener(Frequency.Player.Events.onError, errorHandler); player.addEventListener(Frequency.Player.Events.onProgress, progressHandler);

3. Play the video.

   Code Block
   player.loadVideo('http://videoURL.mp4); player.play();

   Here is a demonstration of the video playback and event handling in a typical HTML5 playback scenario:
   
   
   

Demo

Frequency Player Demo

Version History