NDP legacy events
test
by bradoyler
HTML
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<div id="playerframe"></div>
<h2 id="player_play">PLAY ></h2>
<script>
window.$ndp = {};
$ndp.configuration = {
// freewheel: {
// network: 171224,
// url: "http://29cd8.v.fwmrm.net/ad/g/1"
// },
siteData: {
siteSection: 'nbcnews_article',
sect: 'news',
topic: 'sports',
feature: '',
show: '',
storyline : '',
// kuid: kruxConfig.kxkuid,
//kxsegs: kruxConfig.kxsegs
},
pdk: {
source: {version: '5.5.6', url: 'http://media1.s-nbcnews.com/i/videoassets/pdk/5.5.6/'},
skin: {version: 'NBCNews 1.0.0', url: 'http://www.nbcnews.com/id/52493270?nbcnews.json'},
layout: {version: 'Today 1.0.2', url: 'http://media1.s-nbcnews.com/i/videoassets/ndp/1.0.2/pdkTodayData/metaLayout_controlRack.xml'}
}
};
window.playerInstances = [{
videoObj: {
type: "",
widget_type: "",
videoType: "Original",
mpxId: "447726659600",
guid: "a_30stk_bird_flu_150519",
pubDate: "2015-06-03 12:39:00 Z",
expirationDate: "2112-11-21 12:39:00 Z",
playbackIsDisabled: false,
availabilityState: "available",
title: "Can You Catch Bird Flu?",
description: "U.S. poultry has been devastated by an avian influenza outbreak. But are humans at risk too?",
thumbnail: "http://media2.s-nbcnews.com/i/MSNBC/Components/Video/__NEW/a_30stk_bird_flu_150519.jpg",
source: "NBCNews.com",
sourceId: null,
canonicalUrl: "http://www.nbcnews.com/watch/nbcnews-com/can-you-catch-bird-flu-447726659600",
shortUrl: "http://nbcnews.to/1K9mI0l",
associatedPlaylistUrl: "http://feed.theplatform.com/f/2E2eJC/dev_53296819",
fallbackPlaylistUrl: null,
topVideosPlaylistUrl: "http://feed.theplatform.com/f/2E2eJC/nnd_20381145",
mezzVersion: "1",
...
CSS
#playerframe {
height: 300px;
background-color: #000;
}
JavaScript
$(function () {
var MPXMediaAsset = $ndp.MPXMediaAsset;
var PlaybackEvent = $ndp.events.PlaybackEvent;
var AdEvent = $ndp.events.AdEvent;
var player = document.getElementById('playerframe');
var config = { id: new Date().getTime(), autoPlay: false, location: player};
window.ndpPlayer = new NDPPlayer(config);
var videoMetaData = new MPXMediaAsset(playerInstances[1].videoObj);
ndpPlayer.mediaAsset(videoMetaData);
console.log('###', ndpPlayer);
// ndpPlayer.play();
ndpPlayer.on(AdEvent.START, function () { alert('AdEvent.START');});
ndpPlayer.on(PlaybackEvent.START, function () { alert('PlaybackEvent.START');});
$('#player_play').on('click', function () {
// console.log('asdasd');
ndpPlayer.play();
});
});