//edit these variables when including this JS on the page
var brightcoveID = "myExperience"; //the id of the player on the page
var collapsedID = "bc_ad_728x90"; //the id of the HTML element on the page where the 300x250 should be rendered
//-------------------------------------------------------------------------------------- BRIGHTCOVE PLAYER API METHODS
var bc_player, bc_experience, bc_advertising; //brightcove specific global vars
function onTemplateLoaded()
{
bc_player = brightcove.getExperience(brightcoveID);
//experience related
bc_experience = bc_player.getModule(APIModules.EXPERIENCE);
bc_experience.addEventListener(BCExperienceEvent.CONTENT_LOAD, onContentLoad);
//advertising related
bc_advertising = bc_player.getModule(APIModules.ADVERTISING);//externalAd
bc_advertising.addEventListener(BCAdvertisingEvent.EXTERNAL_AD, onExternalAd);
}
function onContentLoad()
{
bc_advertising.enableExternalAds();
}
function onExternalAd(pAdString, callback)
{
/*
* Options that can be passed in:
* type: [expandedBanner, collapsedBanner, both] (defaults to expandedBanner)
* expandedId: the element ID of where the expanded banner should be placed
* collapsedId: the element ID of where the collapsed banner should be placed
*
* "Expanded Banner": This is a throwback to the older monolithic templates we used to use, but the terminology
* remained because that's what it still says in the ad XML, but typically an expanded banner is a 300x250 unit,
* although it could be anything. It's called the expanded banner because in the larger templates you can click
* an "expand" button to reshow the 300x250 at any point.
*
* "Collapsed Banner": Also a throwback, but the collapsed banner is usually a 728x90 but could be any unit. It's
* called so because the collapsed banner had a relationship to the expanded banner where when the 300x250 animated
* off screen, it looked like it "collapsed" into the 728x90.
*/
new ExternalAd(pAdString,
{
type: 'collapsedBanner',
collapsedId: collapsedID
});
}
//--------------------------------------------------------------------------------------
/**
* @author Brandon Aaskov (Brightcove)
* @version 1.0
* @projectDescription
*/
var _brightcoveAd = new Object();
var _companionAds = new Object();
/**
* Takes care of parsing the XML that comes back from the ad server, building the ad object, and displaying the ads in both the player and on the page. It should be noted that the ad XML that comes back from the ad server needs to be one of the supported Rich Media templates that Brightcove distributes for use with DFP and other ad serving platforms.
* @param {String} pXML The XML string that gets returned from the ad server. Needs to be one of the templates supported by Brightcove.
* @param {Object} pOptions An object that contains options for further customization. By default, this function will render the expanded banner (eg type: "expandedBanner") and also write out the banner to a div with the id of "expandedBanner" (eg writeTo: "expandedBanner"). For the type option, you can also choose "collapsedBanner". For the writeTo option, a user can specify the ID of any element they'd like.
*/
function ExternalAd(pXML, pOptions)
{
//pXML = this.xmlReplace(pXML);
var showAd = true;
var hideBanner = true;
if (pOptions)
{
_brightcoveAd.expandedId = (pOptions.expandedId) ? pOptions.expandedId : "expandedBanner";
_brightcoveAd.collapsedId = (pOptions.collapsedId) ? pOptions.collapsedId : "collapsedBanner";
_brightcoveAd.type = (pOptions.type) ? pOptions.type : "expandedBanner";
}
else
{
_brightcoveAd.expandedId = "expandedBanner";
_brightcoveAd.collapsedId = "collapsedBanner";
_brightcoveAd.type = "expandedBanner";
}
/**
* Parses the XML from the ad server and builds the ad object from it.
* @param {Object} pXML The XML returned from the ad server.
*/
this.buildAd = function(pXML)
{
//we should never freeze the player so I am putting this in a wrapper
try {
//console.log(pXML.ad);
if (pXML.ad.indexOf("\n';
objectTag += '\t\n';
objectTag += '\t\n';
objectTag += '\t\n';
objectTag += '\t\n';
objectTag += '\t\n';
objectTag += '\n';
if(document.getElementById(pId)) {
document.getElementById(pId).innerHTML = objectTag;
}
}
this.createImage = function(pURL, pClickThrough, pId)
{
if(document.getElementById(pId)) document.getElementById(pId).innerHTML = "![](" + pURL + ")
\n";
}
/**
* Writes the banner out to the page, and determines wheter or not it's a swf or regular image so that the correct tags are written to the page.
* @param {Object} pAd The ad object containing all of the information to display an ad in the player and render an ad on the page.
*/
this.createBanner = function(pAd)
{
var externalAds = {};
switch (_brightcoveAd.type)
{
case "expandedBanner":
if(pAd.expandedBannerURL) externalAds["expandedBanner"] = {clickURL: pAd.expandedBannerClickURL, srcURL: pAd.expandedBannerURL, id: _brightcoveAd.expandedId, type: "expandedBanner"};
break;
case "collapsedBanner":
if(pAd.collapsedBannerURL) externalAds["collapsedBanner"] = {clickURL: pAd.collapsedBannerClickURL, srcURL: pAd.collapsedBannerURL, id: _brightcoveAd.collapsedId, type: "collapsedBanner"};
break;
case "both":
if(pAd.expandedBannerURL) externalAds["expandedBanner"] = {clickURL: pAd.expandedBannerClickURL, srcURL: pAd.expandedBannerURL, id: _brightcoveAd.expandedId, type: "expandedBanner"};
if(pAd.collapsedBannerURL) externalAds["collapsedBanner"] = {clickURL: pAd.collapsedBannerClickURL, srcURL: pAd.collapsedBannerURL, id: _brightcoveAd.collapsedId, type: "collapsedBanner"};
break;
}
for(var i in externalAds)
{
var banner = externalAds[i];
(banner.srcURL.indexOf('.swf') !== -1) ? this.createSwf(banner.srcURL, banner.clickURL, banner.id) : this.createImage(banner.srcURL, banner.clickURL, banner.id);
}
}
var ad = this.buildAd(pXML);
this.createBanner(_companionAds);
if(showAd) {
bc_advertising.showAd(ad);
} else if(document.getElementById(_brightcoveAd.collapsedId) && hideBanner) {
document.getElementById(_brightcoveAd.collapsedId).innerHTML = "";
bc_advertising.resumeAfterExternalAd();;
} else {
bc_advertising.resumeAfterExternalAd();
}
}