Video.js plugin to fetch videos from Ooyala. By supplying an Ooyala EmbedCode, the plugin will call the Ooyala API and fetch the video source of that EmbedCode.
grunt on the project folder will serve up a server at
localhost:3000/demo which provides a demo page.
./dist/videojs.ooyala.js after video.js.
Enable the plugin once your player has been initialised:
Set an Ooyala video to the player:
If you want to set an Ooyala video to the player and prepare it for playback:
playerooyala;// embedCode: (String) The Ooyala video EmbedCode (Required)// callback: (Function) Returns the results of getVideoSource(), see below (Optional).
Get video source from Ooyala
If you need to get the video source from ooyala for other use:
playerooyala;// embedCodes: (String/Array) The Ooyala video EmbedCodes. Can be multiple videos. (Required)// callback: (Function) Callback function once data is fetched. (Required)
Callback function will have
res as argument, here is an example of callback results:
apiResponse: 'the complete response from the Ooyala API as a JSON object'videoUrls:embedCode1:authorized: 'true' // If we are authorised to use this videosrc: 'Video URL' // If authorised is true, this is defined.type: 'Video Type' // If authorised is true, this is defined.embedCode2:authorized: 'false'message: 'Error Message' // If authorised is false, this is defined.code: 'Error Code' // If authorised is false, this is defined.
type are only set if
authorized is true. You can then set these to the player, for example:
Get the meta data of an Ooyala video
Ooyala videos have meta data that we can extract based on the embedCode.
playerooyala// embedCodes: (String/Array) The Ooyala video EmbedCodes. Can be multiple videos. (Required)// callback: (Function) Callback function once metadata is fetched (Required)
This plugin has been tested with:
- Video.Js 4.12.15
- Brightcove Perform Player v1.24.22
IE Browser compatibility
This plugin uses the following functions so if you need support for a particular version of IE, you will need to implement a polyfill within your application.
|Function||IE Version Supported|
Bug fixes are always welcome, though for new functionality it's best to raise an issue first. We appreciate that all contribution follow our style guide set in our JSHint and JSCS using Grunt.
- Retry XHR calls on timeout
- Add video.js error messages on failed XHR calls
- Add enableHls and mobileProfile option.
- Add prepareSettingSource() to allow developer to prepare video source before setting to video player.
- First release