objects with
// the class name of .video-wsj
var arr = jQuery('.video-wsj');
if ( jQuery(arr).length > 0 ) {
jQuery(arr).each(function(i) {
var objID = this.id;
if ( objID.indexOf('-') >= 0 ) {
var guid = objID;
var url = '/?atd_json=api-video/get_video_info.asp&fields=all&site=atd&guid=' + guid;
//var width = 380;
//var height = 216;
var width = 640;
var height = 364;
} else {
var brightcove_id = objID;
var url = '/?atd_json=api-video/find_all_videos.asp&fields=all&site=atd&type=brightcoveID&query=' + brightcove_id;
//var width = 320;
//var height = 240;
//var width = 380;
//var height = 285;
var width = 640;
var height = 480;
}
if ( jQuery(this).parent().css('width') ) {
width = jQuery(this).css('width');
width = width.replace('px', '');
}
if ( jQuery(this).parent().css('height') ) {
height = jQuery(this).css('height');
height = height.replace('px', '');
}
jQuery.getJSON(url, function(data) {
if ( data.items && data.items.length >= 1 ) {
video_id = data.items[0].id;
jsonData = data.items[0];
} else {
jsonData = data;
video_id = jsonData.id;
}
dj.context.video.soloVideos[video_id] = dj.context.video.newSoloVideo(objID, video_id, jsonData, "video_emb");
dj.context.video.showPlayer(objID, video_id, jsonData, width, height, false);
});
});
}
}
dj.context.video.loadCarousel = function()
{
var carousel = jQuery('#video-carousel');
if ( jQuery(carousel).length > 0 ) {
var query = jQuery(carousel).text();
var url = '/?atd_json=' + query;
if ( jQuery(carousel).attr('class') == 'random' ) {
var random = true;
} else {
var random = false;
}
jQuery.getJSON(url, function(data) {
dj.context.video.carouselVideos = data.items;
dj.context.video.showCarousel(carousel, random);
});
}
}
dj.context.video.iPhoneCheck = function()
{
return ( (navigator.userAgent.match(/iPad/i)) || (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/Mobile Safari/i)) );
}
dj.context.video.iPadCheck = function()
{
return ( (navigator.userAgent.match(/iPad/i)) );
}
dj.context.video.createMobileLink = function(json, width, height, autoplay)
{
var mp4 = json.video320kMP4Url;
var thumbnail = json.videoStillURL;
// Video Still URLs are always 512x288. Adjust height accordingly to the width
/*if ( (width/height) == (4/3) ) {
var newHeight = Math.round(width / 512 * height);
height = newHeight;
} else {
}
*/
if ( autoplay == true ) {
var html = '';
} else {
var html = '';
}
return html;
}
dj.context.video.showPlayer = function(objID, video_id, json, width, height, autoplay)
{
if ( objID == 'video-center-player' ) {
var player_swf = 'http://s.wsj.net/media/swf/main.swf';
var playerName = 'flashPlayer';
} else {
var player_swf = 'http://s.wsj.net/media/swf/microPlayer.swf';
var playerName = 'microflashPlayer';
}
if ( dj.context.video.iPhoneCheck() ) {
// Handle viewing on iPhone. Get the MP4 URL and Thumbnail
objID = "#"+objID;
var html = dj.context.video.createMobileLink(json, width, height, false);
jQuery(objID).html(html);
} else {
// Only do this if click enabled is true
if ( !dj.context.video.clickEnabled ) {
return false;
}
// Disable launching any other videos until this one has
// loaded and started to play
dj.context.video.clickEnabled = false;
if ( !video_id ) {
video = dj.context.video.soloVideos[objID];
video_id = video.video_id;
}
var swf = swfobject.getObjectById(dj.context.video.autoPlayObjID);
// Add objID to the list of currently active video players on the page
// We'll call getSeek on them to see if we can refresh the site
var pos = jQuery.inArray(objID, dj.context.video.players);
if ( pos == -1 ) {
var obj = new Array(objID, json.duration, 0);
dj.context.video.players.push(obj);
}
/* 20100616
if ( false && objID == 'video-center-player' && swf ) {
// Just loading a new video
dj.context.video.currentlyPlayingVideoId = video_id;
dj.context.video.autoPlayVideoID = video_id;
dj.context.video.autoPlayObjID = objID;
swf.playVideo(dj.context.video.soloVideos[dj.context.video.autoPlayVideoID].jsonString);
dj.context.video.clickEnabled = true;
} else {
*/
try {
swfobject.embedSWF(
player_swf
, objID
, width
, height
, "10.1"
, ""
, {
//'objName': "dummy",
'objName': "dj.widget.video.video",
'videoGUID': video_id,
'playerid': "4001",
'allowPlayerPopup': "0",
'plyMediaEnabled': "1",
'configURL': "http://m.wsj.net/video-players/",
'suppressAds': "0",
'movieWidth' : ''+width+'',
'movieHeight' : ''+height+''
}
, {
allowscriptaccess: "always",
wmode: "opaque",
base: "http://s.wsj.net/media/swf/",
//base: "",
name: ''+playerName+'',
swLiveConnect: "true",
seamlesstabbing: "false"
}
, {
id: objID
}
);
} catch ( err ) {
//console.error("Error creating createFlashPlayer.." + err.message);
}
dj.context.video.currentlyPlayingVideoId = video_id;
if ( objID == 'video-center-player' ) {
// Set the document title to the title of the currrent video
if ( json.titletag != '' ) {
document.title = json.titletag + " | Video | AllThingsD";
} else {
document.title = json.name + " | Video | AllThingsD";
}
}
if ( autoplay == true ) {
dj.context.video.autoPlayVideoID = video_id;
dj.context.video.autoPlayObjID = objID;
dj.context.video.interval = setInterval(function() {
var swf = swfobject.getObjectById(dj.context.video.autoPlayObjID);
if ( swf ) {
try {
swf.playVideo(dj.context.video.soloVideos[dj.context.video.autoPlayVideoID].jsonString);
dj.context.video.clickEnabled = true;
clearInterval(dj.context.video.interval);
} catch ( err ) {
}
}
}, 500);
} else {
dj.context.video.clickEnabled = true;
if ( objID != 'video-center-player' ) return;
dj.context.video.autoPlayVideoID = video_id;
dj.context.video.autoPlayObjID = objID;
dj.context.video.interval = setInterval(function() {
var swf = swfobject.getObjectById(dj.context.video.autoPlayObjID);
if ( swf ) {
try {
swf.gotoStill(dj.context.video.soloVideos[dj.context.video.autoPlayVideoID].jsonString);
dj.context.video.clickEnabled = true;
clearInterval(dj.context.video.interval);
} catch ( err ) {
}
}
}, 500);
}
// 20100616 }
}
}
dj.context.video.newSoloVideo = function (id, video_id, jsonData, videoEmbedType)
{
// id - objID
// video_id - video GUID
// jsonData - JSON information for the video
// videoEmbedType - post, video center or carousel (video_emb, video)
var dimensions = dj.context.video.getVideoDimensions(jsonData);
jsonData.emailPartnerID = 497329;
jsonData.site = "video.allthingsd.com";
jsonData.msrc = "";
jsonData.pageName = ""+jsonData.name;
jsonData.videoCenterURL = "http://video.allthingsd.com";
//jsonData.localPath = "";
if ( videoEmbedType == 'video_emb' ) {
jsonData.embedPlayerURL = "http://s.wsj.net/media/swf/microPlayer.swf";
jsonData.adFrmt = "frmt=0;";
jsonData.playerName = "video_articleembed"; // Carousel Video
} else {
jsonData.embedPlayerURL = "http://s.wsj.net/media/swf/main.swf";
jsonData.adFrmt = "frmt=2;";
jsonData.playerName = "video_videocenter"; // Video Center
}
jsonData.embedConfigURL = "http://m.wsj.net/video-players/";
jsonData.embedPlayerID = "4001";
jsonData.embedName = "microflashPlayer";
jsonData.embedBaseURL = "http://s.wsj.net/media/swf/";
jsonData.embedHeight = dimensions.height;
jsonData.embedWidth = dimensions.width;
jsonData.larsID = 94;
jsonData.larsAdTrackingID = 1262;
jsonData.prop5 = "";
jsonData.prop6 = "";
jsonData.prop10 = "";
jsonData.prop11 = "";
jsonData.prop19 = ""+videoEmbedType; // video (center), video_emb
jsonData.prop24 = "Edition_North_America_USA";
jsonData.prop25 = null;
jsonData.prop27 = "WSJ_free";
jsonData.prop2 = "ATD_" + jsonData['allthingsd-section'];
if ( jsonData['allthingsd-subsection'] == null ) {
jsonData.prop26 = "ATD_" + jsonData['allthingsd-section'];
jsonData.prop3 = "WSJ_Video_Video_" + jsonData['allthingsd-section'];
jsonData.prop22 = "WSJ_Video_Video_" + jsonData['allthingsd-section'];
} else {
jsonData.prop26 = "ATD_" + jsonData['allthingsd-subsection'];
jsonData.prop3 = "WSJ_Video_Video_" + jsonData['allthingsd-subsection'];
jsonData.prop22 = "WSJ_Video_Video_" + jsonData['allthingsd-subsection'];
}
jsonData.suppressAds = "0";
// Duration, full length video check
if ( jsonData.duration > 1200 ) {
jsonData.adFrmt += 'show=full_length;';
}
var soloVideo = {
id : id,
video_id : video_id,
jsonData : jsonData,
jsonString : JSON.stringify(jsonData),
getJSON : function(video_id) {
return this.jsonString;
}
};
return soloVideo;
}
function splitTime(a)
{
var hours=Math.floor(a/3600);
var minutes=Math.floor(a/60)-(hours*60);
var seconds=a-(hours*3600)-(minutes*60);
if (hours==0) {hours='';}
if (minutes==0) {minutes='';}
if (minutes<10) {minutes='0'+minutes;}
if (seconds==0) {seconds=0;}
if (seconds<10) {seconds='0'+seconds;}
if (hours==0)
return minutes+':'+seconds;
else
return hours+':'+minutes+':'+seconds;
}
dj.context.video.playCarouselItem = function(id, width, height, index)
{
// Get reference to the active carousel
var carousel_item = jQuery('#video-carousel-item');
var carousel_items = jQuery('#video-carousel-list li');
if ( !dj.context.video.clickEnabled ) {
return false;
}
jQuery(carousel_items).each(function(i) {
if ( i == index ) {
var item = dj.context.video.carouselVideos[i];
var id = item.id;
jQuery(this).addClass("selected");
jQuery('#video-carousel p.caption').html(''+item.name);
} else {
jQuery(this).removeClass();
}
});
var soloVideo = dj.context.video.soloVideos[id];
var dimensions = dj.context.video.getVideoDimensions(soloVideo.jsonData);
var carouselPlayer = swfobject.getObjectById('video-carousel-item');
carouselPlayer.width = dimensions.width;
carouselPlayer.height = dimensions.height;
dj.context.video.showPlayer('video-carousel-item', id, soloVideo.jsonData, width, height, true);
return false;
}
dj.context.video.isWidescreen = function(item)
{
// Determines whether or not the video is in 4:3 or 16:9
// aspect ratio. Each section is different, so we have a
// big switch statement.
//
var comparisonDate;
var itemDate = new Date(item.formattedCreationDate);
switch (item['allthingsd-section']) {
case "BoomTown":
comparisionDate = new Date('4/28/2009 12:00:00 PM');
break;
case "Digital Daily":
comparisionDate = new Date('3/26/2009 12:00:00 PM');
break;
case "MediaMemo":
comparisionDate = new Date('3/15/2009 12:00:00 PM');
break;
case "Walt Mossberg":
case "D Conference":
switch ( item['allthingsd-subsection'] ) {
case "Personal Technology":
comparisionDate = new Date('9/10/2008 7:00:00 PM');
break;
case "Digital Solution":
case "The Digital Solution":
case "Mossberg Solution":
comparisionDate = new Date('11/4/2008 12:00:00 PM');
break;
case "Mossblog":
comparisionDate = new Date('5/7/2009 12:00:00 PM');
break;
case "D5":
case "D6":
case "D7":
default:
comparisionDate = new Date('5/14/2009 12:00:00 PM');
break;
}
break;
default:
comparisionDate = new Date('5/14/2009 12:00:00 PM');
break;
}
if ( itemDate - comparisionDate > 0 ) {
return true;
} else {
return false;
}
}
dj.context.video.getVideoDimensions = function(carousel_item)
{
if ( dj.context.video.isWidescreen(carousel_item) ) {
return { width: 320, height: 181 };
} else {
return { width: 320, height: 240 };
}
}
dj.context.video.displayCarouselList = function(index, limit)
{
// Displays a list of videos in the video carousel
// Clicking on a video will load and play it in the
// video carousel player.
//
html = '
- ';
var count = 0;
if ( !index ) index = 0;
dj.context.video.carouselIndex = index;
for ( index; index < this.carouselVideos.length && count < limit; index++ ) {
var item = this.carouselVideos[index];
var thumbnail = item.thumbnailURL;
var id = item.id;
if ( false && index == 0 ) {
html += '
- '; } else { html += '
- ';
}
var dimensions = dj.context.video.getVideoDimensions(item);
var width = dimensions.width;
var height = dimensions.height;
var aspect = width / height;
if ( dj.context.video.iPhoneCheck() ) {
html += dj.context.video.createMobileLink(item, 150, 84, false);
html += '
'+item.name+''; } else { //html += '
'+item.name+''; html += ''+item.name+''; } html += '
';
// Add the video to the list of videos attached to the video carousel
dj.context.video.soloVideos[id] = dj.context.video.newSoloVideo('video-carousel-item', id, item, "video_emb");
count++;
}
html += '
';
} else {
html = '
';
}
html += '';
html += '
'; // video-carousel-container end
jQuery(carousel).html(html);
// Display the carousel player
dj.context.video.showPlayer('video-carousel-item', carousel_item.id, carousel_item, width, height, false);
jQuery(carousel).css('visibility', 'visible');
}
dj.context.video.showVideoCenterPage = function(pageNum)
{
var pages = jQuery('div.video-page');
var prevPageNum = dj.context.video.videoCenter.currentPage;
dj.context.video.videoCenter.currentPage = pageNum;
var prevPage = jQuery("#video-page-"+prevPageNum);
var nextPage = jQuery("#video-page-"+pageNum);
// Update the selection
jQuery("li#pagenum-top-"+prevPageNum).removeClass();
jQuery("li#pagenum-top-"+pageNum).addClass("selected");
jQuery("li#pagenum-bottom-"+prevPageNum).removeClass();
jQuery("li#pagenum-bottom-"+pageNum).addClass("selected");
// Hide the old page and reveal the new page
jQuery(prevPage).hide("fast");
jQuery(nextPage).show("fast");
return false;
}
dj.context.video.loadVideoCenter = function()
{
var videoCenter = jQuery("#video-center");
if ( jQuery(videoCenter).length == 0 ) return;
if ( video_center_video_id ) {
var video_id = video_center_video_id;
} else {
var video_links = [];
var i = 0;
jQuery.each(jQuery('a.wsjdn-video'), function(i, v) {
if ( video_links.indexOf(v.rel) == -1 ) {
video_links.push(v.rel);
}
});
if ( video_links.length > 0 ) {
var video_id = video_links[0];
}
}
jQuery('a.wsjdn-video').click(function() {
var url = '/?atd_json=api-video/get_video_info.asp&fields=all&site=atd&guid=' + this.rel;
jQuery.getJSON(url, function(data) {
dj.context.video.soloVideos[video_id] = dj.context.video.newSoloVideo("video-center-player", video_id, data, "video");
if ( dj.context.video.isWidescreen(data) ) {
dj.context.video.showPlayer("video-center-player", video_id, data, 640, 434, true);
} else {
dj.context.video.showPlayer("video-center-player", video_id, data, 640, 434, true);
}
// Display the video title and caption
dj.context.video.videoCenter.updateCaption(data);
jQuery('html,body').animate({scrollTop: jQuery("#video-center-player-container").offset().top},'slow');
});
return false;
});
// Handle the autoplay and play next video checkboxes
jQuery('input#autoplay').click( function() {
var val = ( this.checked ) ? 1 : 0;
setCookie('atd_videocenter_autoplay', val);
return true;
});
jQuery('input#continuous_play').click( function() {
var val = ( this.checked ) ? 1 : 0;
setCookie('atd_videocenter_continuous', val);
return true;
});
if ( getCookie('atd_videocenter_autoplay') == 1 ) {
jQuery('input#autoplay').attr('checked', true);
} else {
jQuery('input#autoplay').attr('checked', false);
}
if ( getCookie('atd_videocenter_continuous') == 1 ) {
jQuery('input#continuous_play').attr('checked', true);
} else {
jQuery('input#continuous_play').attr('checked', false);
}
// Get the JSON for the selected video
var url = '/?atd_json=api-video/get_video_info.asp&fields=all&site=atd&guid=' + video_id;
jQuery.getJSON(url, function(data) {
dj.context.video.soloVideos[video_id] = dj.context.video.newSoloVideo("video-center-player", video_id, data, "video");
// Get the dimensions of the microplayer to display
if ( (video_center_video_id || jQuery('input#autoplay').attr('checked')) && (typeof(video_center_autoplay) == "undefined") ) {
var autoplay = true;
} else {
var autoplay = false;
}
if ( dj.context.video.isWidescreen(data) ) {
dj.context.video.showPlayer("video-center-player", video_id, data, 640, 434, autoplay);
//dj.context.video.showPlayer("video-center-player", video_id, data, 512, 363, autoplay);
} else {
dj.context.video.showPlayer("video-center-player", video_id, data, 640, 434, autoplay);
//dj.context.video.showPlayer("video-center-player", video_id, data, 512, 459, autoplay);
}
// Display the video title and caption
dj.context.video.videoCenter.updateCaption(data);
});
/*
// Set up the onlick handlers for the video thumbnails
var arr = jQuery('a.video-link');
if ( jQuery(arr).length > 0 ) {
jQuery(arr).each(function(i) {
var vidID = jQuery(this).parent('li').attr('id');
if ( vidID != '' && jQuery.inArray(vidID, dj.context.video.moreVideos) == -1 )
dj.context.video.moreVideos.push(vidID);
jQuery(this).click(function() {
if ( !dj.context.video.clickEnabled ) {
return false;
}
var parent = jQuery(this).parent();
var video_id = jQuery(parent).attr("id");
var url = '/?atd_json=api-video/get_video_info.asp&fields=all&site=atd&guid=' + video_id;
if ( dj.context.video.iPhoneCheck() ) {
// Handle clicking from the iPhone
jQuery.getJSON(url, function(data) {
var mp4 = data. video320kMP4Url;
window.location = mp4;
});
} else {
// Select the correct thumbnail
var thumbs = jQuery('a.video-link img');
jQuery(arr).each(function(j) { jQuery(this).parent("li").removeClass(); });
jQuery(this).parent("li").addClass("selected");
jQuery.getJSON(url, function(data) {
var player = swfobject.getObjectById("video-center-player");
if ( player ) {
if ( !dj.context.video.soloVideos[video_id] ) {
dj.context.video.soloVideos[video_id] = dj.context.video.newSoloVideo("video-center-player", video_id, data, "video");
}
var captionHTML = ''+carousel_item.name+' ('+splitTime(carousel_item.duration)+')
'; // Display the 2x2 grid of extra videos //html += dj.context.video.displayCarouselList(0, 4); //html += ''; html += ''+data.name+'
'+''+data.description+'
'; var date = new Date(data.formattedCreationDate); var month = date.getMonth() + 1; var day = date.getDate(); var dateString = "Published on " + month + "/" + day + "/" + date.getFullYear(); captionHTML += ''+dateString+'
'; if ( data.relatedLinkHref ) { captionHTML += ''; } jQuery("#video-center-caption").html(captionHTML); // Resize the player if ( dj.context.video.isWidescreen(data) ) { jQuery(player).attr("width", 512); jQuery(player).attr("height", 363); } else { jQuery(player).attr("width", 512); jQuery(player).attr("height", 459); } if ( dj.context.video.isWidescreen(data) ) { dj.context.video.showPlayer("video-center-player", video_id, data, 512,363, true); } else { dj.context.video.showPlayer("video-center-player", video_id, data, 512, 459, true); } // Scroll to top of video var divOffset = jQuery('#content-banner').offset().top; jQuery('html, body').animate({scrollTop: divOffset }, 'fast'); } }); } return false; }); }); } */ } jQuery(document).ready(function() { dj.context.video.init(); }); // Update the video center caption dj.context.video.videoCenter.updateCaption = function(data) { if ( typeof(video_center_description) == "undefined" ) { var link = data.linkURL; var title = '' + data.name + ''; var description = data.description; var date = new Date(data.formattedCreationDate); var monthString = month[date.getMonth()]; // + 1; var day = date.getDate(); var dateString = ''; jQuery('.conf-big-feature h2.title').html(title); jQuery('.conf-big-feature p').html(description + ' ' + dateString); if ( data.relatedLinkHref ) { jQuery('.conf-big-feature').append(''); } // Set the title tag if ( data.titletag != '' ) { document.title = data.titletag + " | Video | AllThingsD"; } else { document.title = data.name + " | Video | AllThingsD"; } } } dj.context.video.loadDynamicCarousel = function() { var carousels = jQuery('.vc'); var len = jQuery(carousels).length; var id, carousel, videos, video, video_link, video_player, guid, item, json, video_player_caption, video_player_item; var output = ''; if ( len > 0 ) { for ( var i = 0; i < len; i ++ ) { carousel = carousels[i]; id = carousel.id; videos = jQuery(carousel).children('div.vc-item-data'); video_player = jQuery(carousel).children('div.vc-container')[0]; video_player_item = ""+video_player.id+"-video"; video_player_caption = ""+video_player.id+"-caption"; if ( videos ) { for ( var j = 0; j < videos.length; j++ ) { video = videos[j]; item = JSON.parse(jQuery(video).text()); // Add video to the list of videos dj.context.video.soloVideos[item.id] = dj.context.video.newSoloVideo(video_player_item, item.id, item, "video_emb"); var json = dj.context.video.soloVideos[item.id].jsonData; // Create the first video object if ( j == 0 ) { dj.context.video.showDynamicCarouselItem(id, item.id, false); } var k = 0; // Now display the thumbnails if ( k != 0 && k % 2 == 0 ) { output += '' + "\n"; } output += '' + "\n"; } if ( output != '' ) { var video_list = jQuery(carousel).children('div.vc-list'); output += ''; jQuery(video_list).html(output); output = ''; } } } } } dj.context.video.showDynamicCarouselItem = function(carousel_id, video_id, autoplay) { var video = dj.context.video.soloVideos[video_id]; if ( typeof(video) != "undefined" ) { var json = video.jsonData; // Get the IDs for the player and the caption var player_id = "" + carousel_id + "-video"; var caption_id = "" + carousel_id + "-caption"; // Get the dimensions of the video var dimensions = dj.context.video.getVideoDimensions(json); var width = dimensions.width; var height = dimensions.height; // Set the caption jQuery('#'+caption_id).html('Now Playing: '+json.name+' ('+splitTime(json.duration)+')'); // Display the proper video, either the Flash or MP4 if ( dj.context.video.iPhoneCheck() ) { html = dj.context.video.createMobileLink(json, width, height, autoplay); jQuery('#'+player_id).html(html); } else { dj.context.video.showPlayer(player_id, json.id, json, width, height, autoplay) } } } jQuery(document).ready(function() { jQuery('.video-filters ul li a.video-cat-filter').click(function() { var url = "http://allthingsd.com/video/?catname=" + this.rel; window.location = url; return false; }); jQuery('.video-filters ul li a.video-author-filter').click(function() { var url = "http://allthingsd.com/video/?by=" + this.rel; window.location = url; return false; }); });