/**
* JW Player namespace definition
* @version 5.4
*/
var jwplayer = function(container) {
if (jwplayer.api){
return jwplayer.api.selectPlayer(container);
}
};
var $jw = jwplayer;
jwplayer.version = '5.5.1602';
jwplayer.vid = document.createElement("video");
jwplayer.audio = document.createElement("audio");
jwplayer.source = document.createElement("source");/**
* Utility methods for the JW Player.
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
jwplayer.utils = function() {
};
/** Returns the true type of an object **/
/**
*
* @param {Object} value
*/
jwplayer.utils.typeOf = function(value) {
var s = typeof value;
if (s === 'object') {
if (value) {
if (value instanceof Array) {
s = 'array';
}
} else {
s = 'null';
}
}
return s;
};
/** Merges a list of objects **/
jwplayer.utils.extend = function() {
var args = jwplayer.utils.extend['arguments'];
if (args.length > 1) {
for (var i = 1; i < args.length; i++) {
for (var element in args[i]) {
args[0][element] = args[i][element];
}
}
return args[0];
}
return null;
};
/**
* Returns a deep copy of an object.
* @param {Object} obj
*/
jwplayer.utils.clone = function(obj) {
var result;
var args = jwplayer.utils.clone['arguments'];
if (args.length == 1) {
switch (jwplayer.utils.typeOf(args[0])) {
case "object":
result = {};
for (var element in args[0]) {
result[element] = jwplayer.utils.clone(args[0][element]);
}
break;
case "array":
result = [];
for (var element in args[0]) {
result[element] = jwplayer.utils.clone(args[0][element]);
}
break;
default:
return args[0];
break;
}
}
return result;
};
/** Returns the extension of a file name **/
jwplayer.utils.extension = function(path) {
path = path.substring(path.lastIndexOf("/") + 1, path.length);
path = path.split("?")[0];
if (path.lastIndexOf('.') > -1) {
return path.substr(path.lastIndexOf('.') + 1, path.length).toLowerCase();
}
return;
};
/** Updates the contents of an HTML element **/
jwplayer.utils.html = function(element, content) {
element.innerHTML = content;
};
/** Wraps an HTML element with another element **/
jwplayer.utils.wrap = function(originalElement, appendedElement) {
originalElement.parentNode.replaceChild(appendedElement, originalElement);
appendedElement.appendChild(originalElement);
};
/** Loads an XML file into a DOM object **/
jwplayer.utils.ajax = function(xmldocpath, completecallback, errorcallback) {
var xmlhttp;
if (window.XMLHttpRequest) {
// IE>7, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// IE6
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState === 4) {
if (xmlhttp.status === 200) {
if (completecallback) {
completecallback(xmlhttp);
}
} else {
if (errorcallback) {
errorcallback(xmldocpath);
}
}
}
};
xmlhttp.open("GET", xmldocpath, true);
xmlhttp.send(null);
return xmlhttp;
};
/** Loads a file **/
jwplayer.utils.load = function(domelement, completecallback, errorcallback) {
domelement.onreadystatechange = function() {
if (domelement.readyState === 4) {
if (domelement.status === 200) {
if (completecallback) {
completecallback();
}
} else {
if (errorcallback) {
errorcallback();
}
}
}
};
};
/** Finds tags in a DOM, returning a new DOM **/
jwplayer.utils.find = function(dom, tag) {
return dom.getElementsByTagName(tag);
};
/** **/
/** Appends an HTML element to another element HTML element **/
jwplayer.utils.append = function(originalElement, appendedElement) {
originalElement.appendChild(appendedElement);
};
/**
* Detects whether the current browser is IE
* !+"\v1" technique from http://webreflection.blogspot.com/2009/01/32-bytes-to-know-if-your-browser-is-ie.html
* Note - this detection no longer works for IE9, hence the detection for window.ActiveXObject
**/
jwplayer.utils.isIE = function() {
return ((!+"\v1") || (typeof window.ActiveXObject != "undefined"));
};
/**
* Detects whether the current browser is Android 2.0, 2.1 or 2.2 which do have some support for HTML5
**/
jwplayer.utils.isLegacyAndroid = function() {
var agent = navigator.userAgent.toLowerCase();
return (agent.match(/android 2.[012]/i) !== null);
};
/**
* Detects whether the current browser is mobile Safari.
**/
jwplayer.utils.isIOS = function() {
var agent = navigator.userAgent.toLowerCase();
return (agent.match(/iP(hone|ad)/i) !== null);
};
jwplayer.utils.getFirstPlaylistItemFromConfig = function(config) {
var item = {};
var playlistItem;
if (config.playlist && config.playlist.length) {
playlistItem = config.playlist[0];
} else {
playlistItem = config;
}
item.file = playlistItem.file;
item.levels = playlistItem.levels;
item.streamer = playlistItem.streamer;
item.playlistfile = playlistItem.playlistfile;
if (item.file && item.file.toLowerCase().indexOf("youtube.com") > -1) {
item.provider = "youtube";
}
if (item.streamer && item.streamer.toLowerCase().indexOf("rtmp://") == 0) {
item.provider = "rtmp";
}
if (playlistItem.type) {
item.provider = playlistItem.type.toLowerCase();
} else if (playlistItem.provider) {
item.provider = playlistItem.provider.toLowerCase();
}
return item;
}
/**
* Replacement for "outerHTML" getter (not available in FireFox)
*/
jwplayer.utils.getOuterHTML = function(element) {
if (element.outerHTML) {
return element.outerHTML;
} else {
var parent = element.parentNode;
var container = document.createElement(parent.tagName);
var placeholder = document.createElement(element.tagName);
parent.replaceChild(placeholder, element);
container.appendChild(element);
var elementHTML = container.innerHTML;
parent.replaceChild(element, placeholder);
return elementHTML;
}
};
/**
* Replacement for outerHTML setter (not available in FireFox)
*/
jwplayer.utils.setOuterHTML = function(element, html) {
if (element.outerHTML) {
element.outerHTML = html;
} else {
var el = document.createElement('div');
el.innerHTML = html;
var range = document.createRange();
range.selectNodeContents(el);
var documentFragment = range.extractContents();
element.parentNode.insertBefore(documentFragment, element);
element.parentNode.removeChild(element);
}
};
/**
* Detects whether or not the current player has flash capabilities
* TODO: Add minimum flash version constraint: 9.0.115
*/
jwplayer.utils.hasFlash = function() {
return (typeof navigator.plugins != "undefined" && typeof navigator.plugins['Shockwave Flash'] != "undefined") || (typeof window.ActiveXObject != "undefined");
};
/**
* Extracts a plugin name from a string
*/
jwplayer.utils.getPluginName = function(pluginName) {
if (pluginName.lastIndexOf("/") >= 0) {
pluginName = pluginName.substring(pluginName.lastIndexOf("/") + 1, pluginName.length);
}
if (pluginName.lastIndexOf("-") >= 0) {
pluginName = pluginName.substring(0, pluginName.lastIndexOf("-"));
}
if (pluginName.lastIndexOf(".swf") >= 0) {
pluginName = pluginName.substring(0, pluginName.lastIndexOf(".swf"));
}
if (pluginName.lastIndexOf(".js") >= 0) {
pluginName = pluginName.substring(0, pluginName.lastIndexOf(".js"));
}
return pluginName;
};
/** Gets an absolute file path based on a relative filepath **/
jwplayer.utils.getAbsolutePath = function(path, base) {
if (base === undefined) {
base = document.location.href;
}
if (path === undefined) {
return undefined;
}
if (isAbsolutePath(path)) {
return path;
}
var protocol = base.substring(0, base.indexOf("://") + 3);
var domain = base.substring(protocol.length, base.indexOf('/', protocol.length + 1));
var patharray;
if (path.indexOf("/") === 0) {
patharray = path.split("/");
} else {
var basepath = base.split("?")[0];
basepath = basepath.substring(protocol.length + domain.length + 1, basepath.lastIndexOf('/'));
patharray = basepath.split("/").concat(path.split("/"));
}
var result = [];
for (var i = 0; i < patharray.length; i++) {
if (!patharray[i] || patharray[i] === undefined || patharray[i] == ".") {
continue;
} else if (patharray[i] == "..") {
result.pop();
} else {
result.push(patharray[i]);
}
}
return protocol + domain + "/" + result.join("/");
};
function isAbsolutePath(path) {
if (path === null) {
return;
}
var protocol = path.indexOf("://");
var queryparams = path.indexOf("?");
return (protocol > 0 && (queryparams < 0 || (queryparams > protocol)));
}
/*
* Test cases
* getPathType('hd')
* getPathType('hd-1')
* getPathType('hd-1.4')
*
* getPathType('http://plugins.longtailvideo.com/5/hd/hd.swf')
* getPathType('http://plugins.longtailvideo.com/5/hd/hd-1.swf')
* getPathType('http://plugins.longtailvideo.com/5/hd/hd-1.4.swf')
*
* getPathType('./hd.swf')
* getPathType('./hd-1.swf')
* getPathType('./hd-1.4.swf')
*/
jwplayer.utils.getPathType = function(path){
if (typeof path != "string") {
return;
}
path = path.split("?")[0];
var protocol = path.indexOf("://");
if (protocol > 0) {
return "absolute";
}
var folder = path.indexOf("/");
var extension = jwplayer.utils.extension(path);
if (protocol < 0 && folder < 0 && (!extension || !isNaN(extension))) {
return "cdn";
}
return "relative";
};
jwplayer.utils.mapEmpty = function(map) {
for (var val in map) {
return false;
}
return true;
};
jwplayer.utils.mapLength = function(map) {
var result = 0;
for (var val in map) {
result++;
}
return result;
};
/** Logger **/
jwplayer.utils.log = function(msg, obj) {
if (typeof console != "undefined" && typeof console.log != "undefined") {
if (obj) {
console.log(msg, obj);
} else {
console.log(msg);
}
}
};
/**
*
* @param {Object} domelement
* @param {Object} styles
* @param {Object} debug
*/
jwplayer.utils.css = function(domelement, styles, debug) {
if (domelement !== undefined) {
for (var style in styles) {
try {
if (typeof styles[style] === "undefined") {
continue;
} else if (typeof styles[style] == "number" && !(style == "zIndex" || style == "opacity")) {
if (isNaN(styles[style])) {
continue;
}
if (style.match(/color/i)) {
styles[style] = "#" + jwplayer.utils.strings.pad(styles[style].toString(16), 6);
} else {
styles[style] = Math.ceil(styles[style]) + "px";
}
}
domelement.style[style] = styles[style];
} catch (err) {
}
}
}
};
jwplayer.utils.isYouTube = function(path) {
return path.indexOf("youtube.com") > -1;
};
jwplayer.utils.getYouTubeId = function(path) {
path.indexOf("youtube.com" > 0);
};
/**
*
* @param {Object} domelement
* @param {Object} value
*/
jwplayer.utils.transform = function(domelement, value) {
domelement.style.webkitTransform = value;
domelement.style.MozTransform = value;
domelement.style.OTransform = value;
};
/**
* Stretches domelement based on stretching. parentWidth, parentHeight, elementWidth,
* and elementHeight are required as the elements dimensions change as a result of the
* stretching. Hence, the original dimensions must always be supplied.
* @param {String} stretching
* @param {DOMElement} domelement
* @param {Number} parentWidth
* @param {Number} parentHeight
* @param {Number} elementWidth
* @param {Number} elementHeight
*/
jwplayer.utils.stretch = function(stretching, domelement, parentWidth, parentHeight, elementWidth, elementHeight) {
if (typeof parentWidth == "undefined" || typeof parentHeight == "undefined" || typeof elementWidth == "undefined" || typeof elementHeight == "undefined") {
return;
}
var xscale = parentWidth / elementWidth;
var yscale = parentHeight / elementHeight;
var x = 0;
var y = 0;
domelement.style.overflow = "hidden";
jwplayer.utils.transform(domelement, "");
var style = {};
switch (stretching.toLowerCase()) {
case jwplayer.utils.stretching.NONE:
// Maintain original dimensions
style.width = elementWidth;
style.height = elementHeight;
break;
case jwplayer.utils.stretching.UNIFORM:
// Scale on the dimension that would overflow most
if (xscale > yscale) {
// Taller than wide
style.width = elementWidth * yscale;
style.height = elementHeight * yscale;
} else {
// Wider than tall
style.width = elementWidth * xscale;
style.height = elementHeight * xscale;
}
break;
case jwplayer.utils.stretching.FILL:
// Scale on the smaller dimension and crop
if (xscale > yscale) {
style.width = elementWidth * xscale;
style.height = elementHeight * xscale;
} else {
style.width = elementWidth * yscale;
style.height = elementHeight * yscale;
}
break;
case jwplayer.utils.stretching.EXACTFIT:
// Distort to fit
jwplayer.utils.transform(domelement, ["scale(", xscale, ",", yscale, ")", " translate(0px,0px)"].join(""));
style.width = elementWidth;
style.height = elementHeight;
break;
default:
break;
}
style.top = (parentHeight - style.height) / 2;
style.left = (parentWidth - style.width) / 2;
jwplayer.utils.css(domelement, style);
};
jwplayer.utils.stretching = {
"NONE": "none",
"FILL": "fill",
"UNIFORM": "uniform",
"EXACTFIT": "exactfit"
};
})(jwplayer);
/**
* Utility methods for the JW Player.
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
var _animations = {};
jwplayer.utils.animations = function() {
};
jwplayer.utils.animations.transform = function(domelement, value) {
domelement.style.webkitTransform = value;
domelement.style.MozTransform = value;
domelement.style.OTransform = value;
};
jwplayer.utils.animations.transformOrigin = function(domelement, value) {
domelement.style.webkitTransformOrigin = value;
domelement.style.MozTransformOrigin = value;
domelement.style.OTransformOrigin = value;
};
jwplayer.utils.animations.rotate = function(domelement, deg) {
jwplayer.utils.animations.transform(domelement, ["rotate(", deg, "deg)"].join(""));
};
jwplayer.utils.cancelAnimation = function(domelement) {
delete _animations[domelement.id];
};
jwplayer.utils.fadeTo = function(domelement, endAlpha, time, startAlpha, delay, startTime) {
// Interrupting
if (_animations[domelement.id] != startTime && startTime !== undefined) {
return;
}
var currentTime = new Date().getTime();
if (startTime > currentTime) {
setTimeout(function() {
jwplayer.utils.fadeTo(domelement, endAlpha, time, startAlpha, 0, startTime);
}, startTime - currentTime);
}
domelement.style.display = "block";
if (startAlpha === undefined) {
startAlpha = domelement.style.opacity === "" ? 1 : domelement.style.opacity;
}
if (domelement.style.opacity == endAlpha && domelement.style.opacity !== "" && startTime !== undefined) {
if (endAlpha === 0) {
domelement.style.display = "none";
}
return;
}
if (startTime === undefined) {
startTime = currentTime;
_animations[domelement.id] = startTime;
}
if (delay === undefined) {
delay = 0;
}
var percentTime = (currentTime - startTime) / (time * 1000);
percentTime = percentTime > 1 ? 1 : percentTime;
var delta = endAlpha - startAlpha;
var alpha = startAlpha + (percentTime * delta);
if (alpha > 1) {
alpha = 1;
} else if (alpha < 0) {
alpha = 0;
}
domelement.style.opacity = alpha;
if (delay > 0) {
_animations[domelement.id] = startTime + delay * 1000;
jwplayer.utils.fadeTo(domelement, endAlpha, time, startAlpha, 0, _animations[domelement.id]);
return;
}
setTimeout(function() {
jwplayer.utils.fadeTo(domelement, endAlpha, time, startAlpha, 0, startTime);
}, 10);
};
})(jwplayer);
/**
* Arrays utility class
*
* @author zach
* @version 5.5
*/
(function(jwplayer) {
jwplayer.utils.arrays = function(){};
/**
* Finds an element in an Array
*
* @param {Object} haystack
* @param {Object} needle
* @return {Number} int
*/
jwplayer.utils.arrays.indexOf = function(haystack, needle){
for (var i = 0; i < haystack.length; i++){
if (haystack[i] == needle){
return i;
}
}
return -1;
};
/**
* Removes and element from an array
*
* @param {Object} haystack
* @param {Object} needle
*/
jwplayer.utils.arrays.remove = function(haystack, needle){
var neeedleIndex = jwplayer.utils.arrays.indexOf(haystack, needle);
if (neeedleIndex > -1){
haystack.splice(neeedleIndex, 1);
}
};
})(jwplayer);
/**
* JW Player Media Extension to Mime Type mapping
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
jwplayer.utils.extensionmap = {
"3gp": {
"html5": "video/3gpp",
"flash": "video"
},
"3gpp": {
"html5": "video/3gpp"
},
"3g2": {
"html5": "video/3gpp2",
"flash": "video"
},
"3gpp2": {
"html5": "video/3gpp2"
},
"flv": {
//"html5": "video/x-flv",
"flash": "video"
},
"f4a": {
"html5": "audio/mp4"
},
"f4b": {
"html5": "audio/mp4",
"flash": "video"
},
"f4p": {
"html5": "video/mp4",
"flash": "video"
},
"f4v": {
"html5": "video/mp4",
"flash": "video"
},
"mov": {
"html5": "video/quicktime",
"flash": "video"
},
"m4a": {
"html5": "audio/mp4",
"flash": "video"
},
"m4b": {
"html5": "audio/mp4"
},
"m4p": {
"html5": "audio/mp4"
},
"m4v": {
"html5": "video/mp4",
"flash": "video"
},
"mkv": {
"html5": "video/x-matroska"
},
"mp4": {
"html5": "video/mp4",
"flash": "video"
},
"rbs":{
"flash": "sound"
},
"sdp": {
"html5": "application/sdp",
"flash": "video"
},
"vp6": {
"html5": "video/x-vp6"
},
"aac": {
"html5": "audio/aac",
"flash": "video"
},
"mp3": {
//"html5": "audio/mp3",
"flash": "sound"
},
"ogg": {
//"flash" : "video",
"html5": "audio/ogg"
},
"ogv": {
//"flash" : "video",
"html5": "video/ogg"
},
"webm": {
//"flash" : "video",
"html5": "video/webm"
},
"m3u8": {
"html5": "audio/x-mpegurl"
},
"gif": {
"flash": "image"
},
"jpeg": {
"flash": "image"
},
"jpg": {
"flash": "image"
},
"swf":{
"flash": "image"
},
"png":{
"flash": "image"
}
};
})(jwplayer);
/**
* Parser for the JW Player.
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
jwplayer.utils.mediaparser = function() {};
var elementAttributes = {
element: {
width: 'width',
height: 'height',
id: 'id',
'class': 'className',
name: 'name'
},
media: {
src: 'file',
preload: 'preload',
autoplay: 'autostart',
loop: 'repeat',
controls: 'controls'
},
source: {
src: 'file',
type: 'type',
media: 'media',
'data-jw-width': 'width',
'data-jw-bitrate': 'bitrate'
},
video: {
poster: 'image'
}
};
var parsers = {};
jwplayer.utils.mediaparser.parseMedia = function(element) {
return parseElement(element);
};
function getAttributeList(elementType, attributes) {
if (attributes === undefined) {
attributes = elementAttributes[elementType];
} else {
jwplayer.utils.extend(attributes, elementAttributes[elementType]);
}
return attributes;
}
function parseElement(domElement, attributes) {
if (parsers[domElement.tagName.toLowerCase()] && (attributes === undefined)) {
return parsers[domElement.tagName.toLowerCase()](domElement);
} else {
attributes = getAttributeList('element', attributes);
var configuration = {};
for (var attribute in attributes) {
if (attribute != "length") {
var value = domElement.getAttribute(attribute);
if (!(value === "" || value === undefined || value === null)) {
configuration[attributes[attribute]] = domElement.getAttribute(attribute);
}
}
}
var bgColor = domElement.style['#background-color'];
if (bgColor && !(bgColor == "transparent" || bgColor == "rgba(0, 0, 0, 0)")) {
configuration.screencolor = bgColor;
}
return configuration;
}
}
function parseMediaElement(domElement, attributes) {
attributes = getAttributeList('media', attributes);
var sources = [];
var sourceTags = jwplayer.utils.selectors("source", domElement);
for (var i in sourceTags) {
if (!isNaN(i)){
sources.push(parseSourceElement(sourceTags[i]));
}
}
var configuration = parseElement(domElement, attributes);
if (configuration.file !== undefined) {
sources[0] = {
'file': configuration.file
};
}
configuration.levels = sources;
return configuration;
}
function parseSourceElement(domElement, attributes) {
attributes = getAttributeList('source', attributes);
var result = parseElement(domElement, attributes);
result.width = result.width ? result.width : 0;
result.bitrate = result.bitrate ? result.bitrate : 0;
return result;
}
function parseVideoElement(domElement, attributes) {
attributes = getAttributeList('video', attributes);
var result = parseMediaElement(domElement, attributes);
return result;
}
parsers.media = parseMediaElement;
parsers.audio = parseMediaElement;
parsers.source = parseSourceElement;
parsers.video = parseVideoElement;
})(jwplayer);
/**
* Selectors for the JW Player.
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
jwplayer.utils.selectors = function(selector, parent) {
if (parent === undefined) {
parent = document;
}
selector = jwplayer.utils.strings.trim(selector);
var selectType = selector.charAt(0);
if (selectType == "#") {
return parent.getElementById(selector.substr(1));
} else if (selectType == ".") {
if (parent.getElementsByClassName) {
return parent.getElementsByClassName(selector.substr(1));
} else {
return jwplayer.utils.selectors.getElementsByTagAndClass("*", selector.substr(1));
}
} else {
if (selector.indexOf(".") > 0) {
selectors = selector.split(".");
return jwplayer.utils.selectors.getElementsByTagAndClass(selectors[0], selectors[1]);
} else {
return parent.getElementsByTagName(selector);
}
}
return null;
};
jwplayer.utils.selectors.getElementsByTagAndClass = function(tagName, className, parent) {
elements = [];
if (parent === undefined) {
parent = document;
}
var selected = parent.getElementsByTagName(tagName);
for (var i = 0; i < selected.length; i++) {
if (selected[i].className !== undefined) {
var classes = selected[i].className.split(" ");
for (var classIndex = 0; classIndex < classes.length; classIndex++) {
if (classes[classIndex] == className) {
elements.push(selected[i]);
}
}
}
}
return elements;
};
})(jwplayer);
/**
* String utilities for the JW Player.
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
jwplayer.utils.strings = function() {
};
/** Removes whitespace from the beginning and end of a string **/
jwplayer.utils.strings.trim = function(inputString) {
return inputString.replace(/^\s*/, "").replace(/\s*$/, "");
};
/**
* Pads a string
* @param {String} string
* @param {Number} length
* @param {String} padder
*/
jwplayer.utils.strings.pad = function (string, length, padder) {
if (!padder){
padder = "0";
}
while (string.length < length) {
string = padder + string;
}
return string;
}
/**
* Basic serialization: string representations of booleans and numbers are returned typed;
* strings are returned urldecoded.
*
* @param {String} val String value to serialize.
* @return {Object} The original value in the correct primitive type.
*/
jwplayer.utils.strings.serialize = function(val) {
if (val == null) {
return null;
} else if (val == 'true') {
return true;
} else if (val == 'false') {
return false;
} else if (isNaN(Number(val)) || val.length > 5 || val.length == 0) {
return val;
} else {
return Number(val);
}
}
/**
* Convert a time-representing string to a number.
*
* @param {String} The input string. Supported are 00:03:00.1 / 03:00.1 / 180.1s / 3.2m / 3.2h
* @return {Number} The number of seconds.
*/
jwplayer.utils.strings.seconds = function(str) {
str = str.replace(',', '.');
var arr = str.split(':');
var sec = 0;
if (str.substr(-1) == 's') {
sec = Number(str.substr(0, str.length - 1));
} else if (str.substr(-1) == 'm') {
sec = Number(str.substr(0, str.length - 1)) * 60;
} else if (str.substr(-1) == 'h') {
sec = Number(str.substr(0, str.length - 1)) * 3600;
} else if (arr.length > 1) {
sec = Number(arr[arr.length - 1]);
sec += Number(arr[arr.length - 2]) * 60;
if (arr.length == 3) {
sec += Number(arr[arr.length - 3]) * 3600;
}
} else {
sec = Number(str);
}
return sec;
}
/**
* Get the value of a case-insensitive attribute in an XML node
* @param {XML} xml
* @param {String} attribute
* @return {String} Value
*/
jwplayer.utils.strings.xmlAttribute = function(xml, attribute) {
for (var attrib in xml.attributes) {
if (xml.attributes[attrib].name && xml.attributes[attrib].name.toLowerCase() == attribute.toLowerCase())
return xml.attributes[attrib].value.toString();
}
return "";
}
})(jwplayer);/**
* Utility methods for the JW Player.
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
var _colorPattern = new RegExp(/^(#|0x)[0-9a-fA-F]{3,6}/);
jwplayer.utils.typechecker = function(value, type) {
type = type === null ? _guessType(value) : type;
return _typeData(value, type);
};
function _guessType(value) {
var bools = ["true", "false", "t", "f"];
if (bools.toString().indexOf(value.toLowerCase().replace(" ", "")) >= 0) {
return "boolean";
} else if (_colorPattern.test(value)) {
return "color";
} else if (!isNaN(parseInt(value, 10)) && parseInt(value, 10).toString().length == value.length) {
return "integer";
} else if (!isNaN(parseFloat(value)) && parseFloat(value).toString().length == value.length) {
return "float";
}
return "string";
}
function _typeData(value, type) {
if (type === null) {
return value;
}
switch (type) {
case "color":
if (value.length > 0) {
return _stringToColor(value);
}
return null;
case "integer":
return parseInt(value, 10);
case "float":
return parseFloat(value);
case "boolean":
if (value.toLowerCase() == "true") {
return true;
} else if (value == "1") {
return true;
}
return false;
}
return value;
}
function _stringToColor(value) {
switch (value.toLowerCase()) {
case "blue":
return parseInt("0000FF", 16);
case "green":
return parseInt("00FF00", 16);
case "red":
return parseInt("FF0000", 16);
case "cyan":
return parseInt("00FFFF", 16);
case "magenta":
return parseInt("FF00FF", 16);
case "yellow":
return parseInt("FFFF00", 16);
case "black":
return parseInt("000000", 16);
case "white":
return parseInt("FFFFFF", 16);
default:
value = value.replace(/(#|0x)?([0-9A-F]{3,6})$/gi, "$2");
if (value.length == 3) {
value = value.charAt(0) + value.charAt(0) + value.charAt(1) + value.charAt(1) + value.charAt(2) + value.charAt(2);
}
return parseInt(value, 16);
}
return parseInt("000000", 16);
}
})(jwplayer);
/**
* Plugin class
* @author zach
* @version 5.5a
*/
(function(jwplayer) {
/**
* Plugins attempted to load
*/
var _loadedplugins = {};
/**
* Plugins that failed to load
*/
var _failedplugins = {};
/**
* Plugins that have successfully loaded
*/
var _registeredplugins = {};
/**
* Players that are waiting for plugins to load
*/
var _players = {};
/**
* The current plugins repository
*/
var _pluginRepository = "http://plugins.longtailvideo.com/";
jwplayer.plugins = function() {
}
/**
* Loads plugins
*
* @param {Object} embedder
*/
jwplayer.plugins.loadPlugins = function(embedder) {
_players[embedder.api.id] = {
api: embedder.api,
embedder: embedder,
loader: new jwplayer.plugins.loader(embedder.config.plugins, _loadedplugins, _failedplugins, _registeredplugins, _pluginRepository, function() {
_checkComplete(embedder.api.id)
})
};
return _players[embedder.api.id].loader;
}
/**
* Checks to see if a player has completed it's setup
*
* @param {String} id
*/
function _checkComplete(id) {
if (_players[id] && _players[id].loader.isComplete()) {
_players[id].embedder.embedPlayer();
}
}
/**
* Mark a plugin load as having failed
*
* @param {Object} id
*/
jwplayer.plugins.pluginFailed = function(id){
_failedplugins[id] = true;
for (var player in _players){
if (typeof player == "string") {
_checkComplete(player);
}
}
};
/**
* Registers a plugin once the load is complete.
*
* @param {Object} id
* @param {Object} template
*/
jwplayer.plugins.registerPlugin = function(id, arg1, arg2) {
if (!_registeredplugins[id]) {
_registeredplugins[id] = {
flash: {},
js: {}
};
if (arg1 && arg2) {
_registeredplugins[id].flash.src = arg2;
_registeredplugins[id].js.template = arg1;
} else if (typeof arg1 == "string") {
_registeredplugins[id].flash.src = arg1;
} else if (typeof arg1 == "function") {
_registeredplugins[id].js.template = arg1;
} else if (!arg1 && !arg2) {
_registeredplugins[id].flash.src = id;
}
}
for (var player in _players){
if (typeof player == "string") {
_checkComplete(player);
}
}
};
})(jwplayer);
/**
* Plugin loader class
* @author zach
* @version 5.5a
*/
(function(jwplayer) {
/**
* The Plugin loader class
* @param {Object} config
* @param {Object} loading
* @param {Function} callback
*/
jwplayer.plugins.loader = function(config, loading, failed, registered, pluginRepository, callback) {
var _incomplete = [];
var _loading = false;
var _pluginOrder = [];
/**
* Indicates that plugin loading is complete.
*
* @return {Boolean} True if all plugins have loaded, 404ed, or are swfs
*/
function _isComplete() {
if (_incomplete.length == 0 && !_loading){
return true;
}
for (var plugin = 0; plugin < _incomplete.length; plugin++) {
if (registered[_incomplete[plugin]] || failed[_incomplete[plugin]]){
_incomplete.splice(plugin, 1);
}
}
return (_incomplete.length == 0 && !_loading);
}
this.isComplete = _isComplete;
/**
* Returns the plugins that have been registered
*/
function _getPlugins() {
var plugins = [];
for (var plugin = 0; plugin < _pluginOrder.length; plugin++) {
var pluginName = jwplayer.utils.getPluginName(_pluginOrder[plugin]);
if (!failed[pluginName]) {
var pluginObject = {
id: _pluginOrder[plugin],
js: {},
flash: {}
};
if (registered[pluginName]) {
if (registered[pluginName].js.template) {
pluginObject.js.template = registered[pluginName].js.template;
}
if (registered[pluginName].flash.src) {
pluginObject.flash.src = registered[pluginName].flash.src;
}
}
plugins.push(pluginObject);
}
}
return plugins;
}
/**
* Initializes the plugin Loader
*/
function _setup() {
_loading = true;
if (config) {
if (typeof config == "string") {
_pluginOrder = config.replace(/\s*/g, "").split(",");
} else {
for (var plugin in config) {
if (plugin && typeof plugin == "string") {
_pluginOrder.push(plugin);
}
}
}
for (var pluginIndex = 0; pluginIndex < _pluginOrder.length; pluginIndex++) {
_loadPlugin(_pluginOrder[pluginIndex]);
}
}
_loading = false;
//_checkComplete();
}
/**
* Check to see if loading is complete.
*/
function _checkComplete() {
if (_isComplete()) {
callback();
}
}
/**
* Loads a plugin from a CDN or file path
* @param {Object} plugin - String name of a plugin
*/
function _loadPlugin(plugin) {
var pluginName = jwplayer.utils.getPluginName(plugin);
if (registered[pluginName] || failed[pluginName]){
// Plugin is already registered
return;
} else if (loading[pluginName]) {
// Plugin is loading already
_incomplete.push(pluginName);
return;
}
// Plugin is not yet loading
if (plugin.lastIndexOf(".swf") > -1) {
jwplayer.plugins.registerPlugin(pluginName, plugin);
} else if (_incomplete.toString().indexOf(pluginName) < 0) {
var pluginPath = _resolvePlugin(plugin);
loading[pluginName] = {
src: pluginPath
};
failed[pluginName] = false;
_incomplete.push(pluginName);
var element = document.createElement("script");
document.getElementsByTagName("head")[0].appendChild(element);
element.type = "text/javascript";
// These might not work in IE...
element.onload = _pluginLoadSuccess(pluginName);
element.onerror = _pluginLoadError(pluginName, plugin);
element.src = pluginPath;
}
}
/**
* Returns a function that will later mark a plugin load as successful
*
* @param {String} plugin
*/
function _pluginLoadSuccess(plugin) {
return function(evt) {
if (registered[plugin]){
_incomplete.splice(_incomplete.indexOf(plugin), 1);
}
//_checkComplete();
}
}
/**
* Returns a function that will later mark a plugin load as successful
*
* @param {String} plugin
*/
function _pluginLoadError(pluginName, plugin) {
return function(evt) {
if (plugin.lastIndexOf("/") < 0 && plugin.lastIndexOf(".") < 0) {
if (registered[plugin]) {
_incomplete.splice(_incomplete.indexOf(plugin), 1);
}
jwplayer.plugins.registerPlugin(plugin);
return;
}
jwplayer.plugins.pluginFailed(pluginName);
}
}
/**
* Returns the path to a plugin
*
* @param {String} plugin
*/
function _resolvePlugin(plugin) {
if (plugin.lastIndexOf("/") > -1 || plugin.lastIndexOf(".") > -1) {
return plugin;
}
var pluginName = jwplayer.utils.getPluginName(plugin);
return pluginRepository + jwplayer.version.split(".")[0] + "/" + pluginName + "/" + pluginName + ".js";
}
_setup();
this.setupPlugins = function(api, config, resizer){
plugins = _getPlugins();
var flashPlugins = {
length: 0,
plugins: {}
};
var jsplugins = {};
for (var plugin = 0; plugin < plugins.length; plugin++) {
var pluginName = jwplayer.utils.getPluginName(plugins[plugin].id);
if (plugins[plugin].flash.src) {
if (jwplayer.utils.getPathType(plugins[plugin].flash.src) == "relative") {
plugins[plugin].flash.src = jwplayer.utils.getAbsolutePath(plugins[plugin].flash.src, jwplayer.utils.getAbsolutePath(plugins[plugin].id));
}
flashPlugins.plugins[plugins[plugin].flash.src] = config.plugins[plugins[plugin].id];
flashPlugins.length++;
}
if (plugins[plugin].js.template) {
var div = document.createElement("div");
div.id = api.id + "_" + pluginName;
div.style.position = "absolute";
div.style.zIndex = plugin + 10;
var newplugin = new plugins[plugin].js.template(api, div, config.plugins[plugins[plugin].id]);
jsplugins[pluginName] = newplugin;
if (typeof newplugin.resize != "undefined") {
api.onReady(resizer(newplugin, div, true));
api.onResize(resizer(newplugin, div));
}
}
}
api.plugins = jsplugins;
return flashPlugins;
};
return this;
}
})(jwplayer);
/**
* API for the JW Player
* @author Pablo
* @version 5.4
*/
(function(jwplayer) {
var _players = [];
jwplayer.api = function(container) {
this.container = container;
this.id = container.id;
var _listeners = {};
var _stateListeners = {};
var _readyListeners = [];
var _player = undefined;
var _playerReady = false;
var _queuedCalls = [];
var _originalHTML = jwplayer.utils.getOuterHTML(container);
var _itemMeta = {};
var _currentItem = 0;
var _callbacks = {};
// Player Getters
this.getBuffer = function() {
return this.callInternal('jwGetBuffer');
};
this.getContainer = function() {
return this.container;
};
function _setButton(containerid) {
return function(id, handler, outGraphic, overGraphic) {
var handlerString;
if (handler) {
_callbacks[id] = handler;
handlerString = "jwplayer('" + containerid + "').callback('" + id + "')";
} else if (!handler && _callbacks[id]) {
delete _callbacks[id];
}
_player['jwDockSetButton'](id, handlerString, outGraphic, overGraphic);
};
}
this.getPlugin = function(pluginName) {
var _callInternal = this.callInternal;
if (pluginName == "dock") {
return {
setButton: _setButton(this.id)
};
}
return this.plugins[pluginName];
};
this.callback = function(id) {
if (_callbacks[id]) {
return _callbacks[id]();
}
};
this.getDuration = function() {
return this.callInternal('jwGetDuration');
};
this.getFullscreen = function() {
return this.callInternal('jwGetFullscreen');
};
this.getHeight = function() {
return this.callInternal('jwGetHeight');
};
this.getLockState = function() {
return this.callInternal('jwGetLockState');
};
this.getMeta = function() {
return this.getItemMeta();
};
this.getMute = function() {
return this.callInternal('jwGetMute');
};
this.getPlaylist = function() {
var playlist = this.callInternal('jwGetPlaylist');
for (var i = 0; i < playlist.length; i++) {
if (playlist[i].index === undefined) {
playlist[i].index = i;
}
}
return playlist;
};
this.getPlaylistItem = function(item) {
if (item === undefined) {
item = this.getCurrentItem();
}
return this.getPlaylist()[item];
};
this.getPosition = function() {
return this.callInternal('jwGetPosition');
};
this.getRenderingMode = function() {
return this.renderingMode;
};
this.getState = function() {
return this.callInternal('jwGetState');
};
this.getVolume = function() {
return this.callInternal('jwGetVolume');
};
this.getWidth = function() {
return this.callInternal('jwGetWidth');
};
// Player Public Methods
this.setFullscreen = function(fullscreen) {
if (fullscreen === undefined) {
this.callInternal("jwSetFullscreen", !this.callInternal('jwGetFullscreen'));
} else {
this.callInternal("jwSetFullscreen", fullscreen);
}
return this;
};
this.setMute = function(mute) {
if (mute === undefined) {
this.callInternal("jwSetMute", !this.callInternal('jwGetMute'));
} else {
this.callInternal("jwSetMute", mute);
}
return this;
};
this.lock = function() {
return this;
};
this.unlock = function() {
return this;
};
this.load = function(toLoad) {
this.callInternal("jwLoad", toLoad);
return this;
};
this.playlistItem = function(item) {
this.callInternal("jwPlaylistItem", item);
return this;
};
this.playlistPrev = function() {
this.callInternal("jwPlaylistPrev");
return this;
};
this.playlistNext = function() {
this.callInternal("jwPlaylistNext");
return this;
};
this.resize = function(width, height) {
if (this.renderingMode == "html5") {
_player.jwResize(width, height);
} else {
this.container.width = width;
this.container.height = height;
}
return this;
};
this.play = function(state) {
if (typeof state == "undefined") {
state = this.getState();
if (state == jwplayer.api.events.state.PLAYING || state == jwplayer.api.events.state.BUFFERING) {
this.callInternal("jwPause");
} else {
this.callInternal("jwPlay");
}
} else {
this.callInternal("jwPlay", state);
}
return this;
};
this.pause = function(state) {
if (typeof state == "undefined") {
state = this.getState();
if (state == jwplayer.api.events.state.PLAYING || state == jwplayer.api.events.state.BUFFERING) {
this.callInternal("jwPause");
} else {
this.callInternal("jwPlay");
}
} else {
this.callInternal("jwPause", state);
}
return this;
};
this.stop = function() {
this.callInternal("jwStop");
return this;
};
this.seek = function(position) {
this.callInternal("jwSeek", position);
return this;
};
this.setVolume = function(volume) {
this.callInternal("jwSetVolume", volume);
return this;
};
// Player Events
this.onBufferChange = function(callback) {
return this.eventListener(jwplayer.api.events.JWPLAYER_MEDIA_BUFFER, callback);
};
this.onBufferFull = function(callback) {
return this.eventListener(jwplayer.api.events.JWPLAYER_MEDIA_BUFFER_FULL, callback);
};
this.onError = function(callback) {
return this.eventListener(jwplayer.api.events.JWPLAYER_ERROR, callback);
};
this.onFullscreen = function(callback) {
return this.eventListener(jwplayer.api.events.JWPLAYER_FULLSCREEN, callback);
};
this.onMeta = function(callback) {
return this.eventListener(jwplayer.api.events.JWPLAYER_MEDIA_META, callback);
};
this.onMute = function(callback) {
return this.eventListener(jwplayer.api.events.JWPLAYER_MEDIA_MUTE, callback);
};
this.onPlaylist = function(callback) {
return this.eventListener(jwplayer.api.events.JWPLAYER_PLAYLIST_LOADED, callback);
};
this.onPlaylistItem = function(callback) {
return this.eventListener(jwplayer.api.events.JWPLAYER_PLAYLIST_ITEM, callback);
};
this.onReady = function(callback) {
return this.eventListener(jwplayer.api.events.API_READY, callback);
};
this.onResize = function(callback) {
return this.eventListener(jwplayer.api.events.JWPLAYER_RESIZE, callback);
};
this.onComplete = function(callback) {
return this.eventListener(jwplayer.api.events.JWPLAYER_MEDIA_COMPLETE, callback);
};
this.onTime = function(callback) {
return this.eventListener(jwplayer.api.events.JWPLAYER_MEDIA_TIME, callback);
};
this.onVolume = function(callback) {
return this.eventListener(jwplayer.api.events.JWPLAYER_MEDIA_VOLUME, callback);
};
// State events
this.onBuffer = function(callback) {
return this.stateListener(jwplayer.api.events.state.BUFFERING, callback);
};
this.onPause = function(callback) {
return this.stateListener(jwplayer.api.events.state.PAUSED, callback);
};
this.onPlay = function(callback) {
return this.stateListener(jwplayer.api.events.state.PLAYING, callback);
};
this.onIdle = function(callback) {
return this.stateListener(jwplayer.api.events.state.IDLE, callback);
};
this.remove = function() {
_listeners = {};
_queuedCalls = [];
if (jwplayer.utils.getOuterHTML(this.container) != _originalHTML) {
jwplayer.api.destroyPlayer(this.id, _originalHTML);
}
};
this.setup = function(options) {
if (jwplayer.embed) {
// Destroy original API on setup() to remove existing listeners
var newId = this.id;
this.remove();
var newApi = jwplayer(newId);
newApi.config = options;
return (new jwplayer.embed(newApi)).embedPlayer();
}
return this;
};
this.registerPlugin = function(id, arg1, arg2) {
jwplayer.plugins.registerPlugin(id, arg1, arg2);
};
/** Use this function to set the internal low-level player. This is a javascript object which contains the low-level API calls. **/
this.setPlayer = function(player, renderingMode) {
_player = player;
this.renderingMode = renderingMode;
};
this.stateListener = function(state, callback) {
if (!_stateListeners[state]) {
_stateListeners[state] = [];
this.eventListener(jwplayer.api.events.JWPLAYER_PLAYER_STATE, stateCallback(state));
}
_stateListeners[state].push(callback);
return this;
};
function stateCallback(state) {
return function(args) {
var newstate = args.newstate, oldstate = args.oldstate;
if (newstate == state) {
var callbacks = _stateListeners[newstate];
if (callbacks) {
for (var c = 0; c < callbacks.length; c++) {
if (typeof callbacks[c] == 'function') {
callbacks[c].call(this, {
oldstate: oldstate,
newstate: newstate
});
}
}
}
}
};
}
this.addInternalListener = function(player, type) {
player.jwAddEventListener(type, 'function(dat) { jwplayer("' + this.id + '").dispatchEvent("' + type + '", dat); }');
};
this.eventListener = function(type, callback) {
if (!_listeners[type]) {
_listeners[type] = [];
if (_player && _playerReady) {
this.addInternalListener(_player, type);
}
}
_listeners[type].push(callback);
return this;
};
this.dispatchEvent = function(type) {
if (_listeners[type]) {
var args = translateEventResponse(type, arguments[1]);
for (var l = 0; l < _listeners[type].length; l++) {
if (typeof _listeners[type][l] == 'function') {
_listeners[type][l].call(this, args);
}
}
}
};
function translateEventResponse(type, eventProperties) {
var translated = jwplayer.utils.extend({}, eventProperties);
if (type == jwplayer.api.events.JWPLAYER_FULLSCREEN && !translated.fullscreen) {
translated.fullscreen = translated.message == "true" ? true : false;
delete translated.message;
} else if (typeof translated.data == "object") {
// Takes ViewEvent "data" block and moves it up a level
translated = jwplayer.utils.extend(translated, translated.data);
delete translated.data;
}
var rounders = ["position", "duration", "offset"];
for (var rounder in rounders) {
if (translated[rounders[rounder]]) {
translated[rounders[rounder]] = Math.round(translated[rounders[rounder]] * 1000) / 1000;
}
}
return translated;
}
this.callInternal = function(funcName, args) {
/*this.callInternal = function() {
var funcName = arguments[0],
args = [];
for (var argument = 1; argument < arguments.length; argument++){
args[argument] = arguments[argument];
}*/
if (_playerReady) {
if (typeof _player != "undefined" && typeof _player[funcName] == "function") {
if (args !== undefined) {
//return (_player[funcName]).apply(this, args);
return (_player[funcName])(args);
} else {
return (_player[funcName])();
}
}
return null;
} else {
_queuedCalls.push({
method: funcName,
parameters: args
});
}
};
this.playerReady = function(obj) {
_playerReady = true;
if (!_player) {
this.setPlayer(document.getElementById(obj.id));
}
this.container = document.getElementById(this.id);
for (var eventType in _listeners) {
this.addInternalListener(_player, eventType);
}
this.eventListener(jwplayer.api.events.JWPLAYER_PLAYLIST_ITEM, function(data) {
if (data.index !== undefined) {
_currentItem = data.index;
}
_itemMeta = {};
});
this.eventListener(jwplayer.api.events.JWPLAYER_MEDIA_META, function(data) {
jwplayer.utils.extend(_itemMeta, data.metadata);
});
this.dispatchEvent(jwplayer.api.events.API_READY);
while (_queuedCalls.length > 0) {
var call = _queuedCalls.shift();
this.callInternal(call.method, call.parameters);
}
};
this.getItemMeta = function() {
return _itemMeta;
};
this.getCurrentItem = function() {
return _currentItem;
};
/** Using this function instead of array.slice since Arguments are not an array **/
function slice(list, from, to) {
var ret = [];
if (!from) {
from = 0;
}
if (!to) {
to = list.length - 1;
}
for (var i = from; i <= to; i++) {
ret.push(list[i]);
}
return ret;
}
return this;
};
jwplayer.api.selectPlayer = function(identifier) {
var _container;
if (identifier === undefined) {
identifier = 0;
}
if (identifier.nodeType) {
// Handle DOM Element
_container = identifier;
} else if (typeof identifier == 'string') {
// Find container by ID
_container = document.getElementById(identifier);
}
if (_container) {
var foundPlayer = jwplayer.api.playerById(_container.id);
if (foundPlayer) {
return foundPlayer;
} else {
// Todo: register new object
return jwplayer.api.addPlayer(new jwplayer.api(_container));
}
} else if (typeof identifier == 'number') {
return jwplayer.getPlayers()[identifier];
}
return null;
};
jwplayer.api.events = {
API_READY: 'jwplayerAPIReady',
JWPLAYER_READY: 'jwplayerReady',
JWPLAYER_FULLSCREEN: 'jwplayerFullscreen',
JWPLAYER_RESIZE: 'jwplayerResize',
JWPLAYER_ERROR: 'jwplayerError',
JWPLAYER_MEDIA_BUFFER: 'jwplayerMediaBuffer',
JWPLAYER_MEDIA_BUFFER_FULL: 'jwplayerMediaBufferFull',
JWPLAYER_MEDIA_ERROR: 'jwplayerMediaError',
JWPLAYER_MEDIA_LOADED: 'jwplayerMediaLoaded',
JWPLAYER_MEDIA_COMPLETE: 'jwplayerMediaComplete',
JWPLAYER_MEDIA_TIME: 'jwplayerMediaTime',
JWPLAYER_MEDIA_VOLUME: 'jwplayerMediaVolume',
JWPLAYER_MEDIA_META: 'jwplayerMediaMeta',
JWPLAYER_MEDIA_MUTE: 'jwplayerMediaMute',
JWPLAYER_PLAYER_STATE: 'jwplayerPlayerState',
JWPLAYER_PLAYLIST_LOADED: 'jwplayerPlaylistLoaded',
JWPLAYER_PLAYLIST_ITEM: 'jwplayerPlaylistItem'
};
jwplayer.api.events.state = {
BUFFERING: 'BUFFERING',
IDLE: 'IDLE',
PAUSED: 'PAUSED',
PLAYING: 'PLAYING'
};
jwplayer.api.playerById = function(id) {
for (var p = 0; p < _players.length; p++) {
if (_players[p].id == id) {
return _players[p];
}
}
return null;
};
jwplayer.api.addPlayer = function(player) {
for (var p = 0; p < _players.length; p++) {
if (_players[p] == player) {
return player; // Player is already in the list;
}
}
_players.push(player);
return player;
};
jwplayer.api.destroyPlayer = function(playerId, replacementHTML) {
var index = -1;
for (var p = 0; p < _players.length; p++) {
if (_players[p].id == playerId) {
index = p;
continue;
}
}
if (index >= 0) {
var toDestroy = document.getElementById(_players[index].id);
if (document.getElementById(_players[index].id + "_wrapper")) {
toDestroy = document.getElementById(_players[index].id + "_wrapper");
}
if (toDestroy) {
if (replacementHTML) {
jwplayer.utils.setOuterHTML(toDestroy, replacementHTML);
} else {
var replacement = document.createElement('div');
var newId = toDestroy.id;
if (toDestroy.id.indexOf("_wrapper") == toDestroy.id.length - 8) {
newID = toDestroy.id.substring(0, toDestroy.id.length - 8);
}
replacement.setAttribute('id', newId);
toDestroy.parentNode.replaceChild(replacement, toDestroy);
}
}
_players.splice(index, 1);
}
return null;
};
// Can't make this a read-only getter, thanks to IE incompatibility.
jwplayer.getPlayers = function() {
return _players.slice(0);
};
})(jwplayer);
var _userPlayerReady = (typeof playerReady == 'function') ? playerReady : undefined;
playerReady = function(obj) {
var api = jwplayer.api.playerById(obj.id);
if (api) {
api.playerReady(obj);
}
if (_userPlayerReady) {
_userPlayerReady.call(this, obj);
}
};
/**
* Embedder for the JW Player
* @author Zach
* @version 5.5
*/
(function(jwplayer) {
jwplayer.embed = function(playerApi) {
var _defaults = {
width: 400,
height: 300,
components: {
controlbar: {
position: 'over'
}
}
};
this.api = playerApi;
var mediaConfig = jwplayer.utils.mediaparser.parseMedia(this.api.container);
this.config = new jwplayer.embed.config(jwplayer.utils.extend(_defaults, mediaConfig, this.api.config), this);
this.pluginloader = new jwplayer.plugins.loadPlugins(this);
function _setupEvents(embedder) {
for (var evt in embedder.events) {
if (typeof embedder.api[evt] == "function") {
(embedder.api[evt]).call(embedder.api, embedder.events[evt]);
}
}
}
this.embedPlayer = function() {
if (this.pluginloader.isComplete()) {
for (var player = 0; player < this.players.length; player++) {
if (this.players[player].type && jwplayer.embed[this.players[player].type]) {
var configClone = this.config;
if (this.players[player].config) {
configClone = jwplayer.utils.extend(jwplayer.utils.clone(this.config), this.players[player].config);
}
var embedder = new jwplayer.embed[this.players[player].type](document.getElementById(this.api.id), this.players[player], configClone, this.pluginloader, this.api);
if (embedder.supportsConfig()) {
embedder.embed();
_setupEvents(this);
return this.api;
}
}
}
jwplayer.utils.log("No suitable players found");
new jwplayer.embed.logo(jwplayer.utils.extend({
hide: true
}, this.config.components.logo), "none", this.api.id);
}
};
return this;
};
function noviceEmbed() {
if (!document.body) {
return setTimeout(noviceEmbed, 15);
}
var videoTags = jwplayer.utils.selectors.getElementsByTagAndClass('video', 'jwplayer');
for (var i = 0; i < videoTags.length; i++) {
var video = videoTags[i];
jwplayer(video.id).setup({});
}
}
noviceEmbed();
})(jwplayer);
/**
* Configuration for the JW Player Embedder
* @author Zach
* @version 5.5
*/
(function(jwplayer) {
function _playerDefaults() {
return [{
type: "flash",
src: "/jwplayer/player.swf"
}, {
type: 'html5'
}, {
type: 'download'
}];
}
function _isPosition(string) {
var lower = string.toLowerCase();
var positions = ["left", "right", "top", "bottom"];
for (var position = 0; position < positions.length; position++) {
if (lower == positions[position]) {
return true;
}
}
return false;
}
function _isPlaylist(property) {
var result = false;
// XML Playlists
result = (typeof property == "string" && !_isPosition(property)) ||
// JSON Playlist
(property instanceof Array) ||
// Single playlist item as an Object
(typeof property == "object" && !property.position && !property.size);
return result;
}
jwplayer.embed.config = function(config, embedder) {
var parsedConfig = jwplayer.utils.extend({}, config);
/*
* Special handler for playlists; has a component later for non-string playlists
* This must be handled in two stages to allow things like playlist.position
* to be handled
*/
if (_isPlaylist(parsedConfig.playlist)) {
parsedConfig.playlistfile = parsedConfig.playlist;
delete parsedConfig.playlist;
}
for (var option in parsedConfig) {
if (option.indexOf(".") > -1) {
var path = option.split(".");
var tempConfig = parsedConfig;
for (var edge = 0; edge < path.length; edge++) {
if (edge == path.length - 1) {
if (jwplayer.utils.typeOf(tempConfig) == "object") {
tempConfig[path[edge]] = parsedConfig[option];
delete parsedConfig[option];
}
} else {
if (tempConfig[path[edge]] === undefined) {
tempConfig[path[edge]] = {};
}
tempConfig = tempConfig[path[edge]];
}
}
}
}
if (typeof parsedConfig.plugins == "string") {
var pluginArray = parsedConfig.plugins.split(",");
for (var plugin = 0; plugin < pluginArray.length; plugin++) {
var pluginName = jwplayer.utils.getPluginName(pluginArray[plugin]);
if (typeof parsedConfig[pluginName] == "object") {
if (typeof parsedConfig.plugins != "object") {
parsedConfig.plugins = {};
}
parsedConfig.plugins[pluginArray[plugin]] = parsedConfig[pluginName];
delete parsedConfig[pluginName];
}
}
}
var components = ["playlist", "dock", "controlbar"];
//TODO : Make this handle playlistsize? / controlbar.size?
for (var component = 0; component < components.length; component++) {
if (typeof parsedConfig[components[component]] == "string") {
if (!parsedConfig.components[components[component]]) {
parsedConfig.components[components[component]] = {};
}
parsedConfig.components[components[component]].position = parsedConfig[components[component]];
delete parsedConfig[components[component]];
} else if (parsedConfig[components[component]]) {
parsedConfig.components[components[component]] = parsedConfig[components[component]];
delete parsedConfig[components[component]];
}
}
// Special handler for playlists; This moves back non-string playlists
if (typeof parsedConfig.playlistfile != "string") {
parsedConfig.playlist = parsedConfig.playlistfile;
delete parsedConfig.playlistfile;
}
// Special handler for the display icons setting
if (typeof parsedConfig.icons != "undefined"){
if (!parsedConfig.components.display) {
parsedConfig.components.display = {};
}
parsedConfig.components.display.icons = parsedConfig.icons;
delete parsedConfig.icons;
}
if (parsedConfig.events) {
embedder.events = parsedConfig.events;
delete parsedConfig.events;
}
if (parsedConfig.modes) {
parsedConfig.players = parsedConfig.modes;
delete parsedConfig.modes;
}
if (parsedConfig.flashplayer && !parsedConfig.players) {
embedder.players = _playerDefaults();
embedder.players[0].src = parsedConfig.flashplayer;
delete parsedConfig.flashplayer;
} else if (parsedConfig.players) {
if (typeof parsedConfig.players == "string") {
embedder.players = _playerDefaults();
embedder.players[0].src = parsedConfig.players;
} else if (parsedConfig.players instanceof Array) {
embedder.players = parsedConfig.players;
} else if (typeof parsedConfig.players == "object" && parsedConfig.players.type) {
embedder.players = [parsedConfig.players];
}
delete parsedConfig.players;
} else {
embedder.players = _playerDefaults();
}
return parsedConfig;
};
})(jwplayer);
/**
* Download mode embedder for the JW Player
* @author Zach
* @version 5.5
*/
(function(jwplayer) {
jwplayer.embed.download = function(_container, _player, _options, _loader, _api) {
this.embed = function() {
var params = jwplayer.utils.extend({}, _options);
var _display = {};
var _width = _options.width ? _options.width : 480;
if (typeof _width != "number") {
_width = parseInt(_width, 10);
}
var _height = _options.height ? _options.height : 320;
if (typeof _height != "number") {
_height = parseInt(_height, 10);
}
var _file, _image, _cursor;
var item = {};
if (_options.playlist && _options.playlist.length) {
item.file = _options.playlist[0].file;
_image = _options.playlist[0].image;
item.levels = _options.playlist[0].levels;
} else {
item.file = _options.file;
_image = _options.image;
item.levels = _options.levels;
}
if (item.file) {
_file = item.file;
} else if (item.levels && item.levels.length) {
_file = item.levels[0].file;
}
_cursor = _file ? "pointer" : "auto";
var _elements = {
display: {
style: {
cursor: _cursor,
width: _width,
height: _height,
backgroundColor: "#000",
position: "relative",
textDecoration: "none",
border: "none",
display: "block"
}
},
display_icon: {
style: {
cursor: _cursor,
position: "absolute",
display: _file ? "block" : "none",
top: 0,
left: 0,
border: 0,
margin: 0,
padding: 0,
zIndex: 3,
width: 50,
height: 50,
backgroundImage: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdJREFUeNrs18ENgjAYhmFouDOCcQJGcARHgE10BDcgTOIosAGwQOuPwaQeuFRi2p/3Sb6EC5L3QCxZBgAAAOCorLW1zMn65TrlkH4NcV7QNcUQt7Gn7KIhxA+qNIR81spOGkL8oFJDyLJRdosqKDDkK+iX5+d7huzwM40xptMQMkjIOeRGo+VkEVvIPfTGIpKASfYIfT9iCHkHrBEzf4gcUQ56aEzuGK/mw0rHpy4AAACAf3kJMACBxjAQNRckhwAAAABJRU5ErkJggg==)"
}
},
display_iconBackground: {
style: {
cursor: _cursor,
position: "absolute",
display: _file ? "block" : "none",
top: ((_height - 50) / 2),
left: ((_width - 50) / 2),
border: 0,
width: 50,
height: 50,
margin: 0,
padding: 0,
zIndex: 2,
backgroundImage: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEpJREFUeNrszwENADAIA7DhX8ENoBMZ5KR10EryckCJiIiIiIiIiIiIiIiIiIiIiIh8GmkRERERERERERERERERERERERGRHSPAAPlXH1phYpYaAAAAAElFTkSuQmCC)"
}
},
display_image: {
style: {
width: _width,
height: _height,
display: _image ? "block" : "none",
position: "absolute",
cursor: _cursor,
left: 0,
top: 0,
margin: 0,
padding: 0,
textDecoration: "none",
zIndex: 1,
border: "none"
}
}
};
var createElement = function(tag, element, id) {
var _element = document.createElement(tag);
if (id) {
_element.id = id;
} else {
_element.id = _container.id + "_jwplayer_" + element;
}
jwplayer.utils.css(_element, _elements[element].style);
return _element;
};
_display.display = createElement("a", "display", _container.id);
if (_file) {
_display.display.setAttribute("href", jwplayer.utils.getAbsolutePath(_file));
}
_display.display_image = createElement("img", "display_image");
_display.display_image.setAttribute("alt", "Click to download...");
if (_image) {
_display.display_image.setAttribute("src", jwplayer.utils.getAbsolutePath(_image));
}
//TODO: Add test to see if browser supports base64 images?
if (true) {
_display.display_icon = createElement("div", "display_icon");
_display.display_iconBackground = createElement("div", "display_iconBackground");
_display.display.appendChild(_display.display_image);
_display.display_iconBackground.appendChild(_display.display_icon);
_display.display.appendChild(_display.display_iconBackground);
}
_css = jwplayer.utils.css;
_hide = function(element) {
_css(element, {
display: "none"
});
};
function _onImageLoad(evt) {
_imageWidth = _display.display_image.naturalWidth;
_imageHeight = _display.display_image.naturalHeight;
_stretch();
}
function _stretch() {
jwplayer.utils.stretch(jwplayer.utils.stretching.UNIFORM, _display.display_image, _width, _height, _imageWidth, _imageHeight);
};
_display.display_image.onerror = function(evt) {
_hide(_display.display_image);
};
_display.display_image.onload = _onImageLoad;
_container.parentNode.replaceChild(_display.display, _container);
var logoConfig = (_options.plugins && _options.plugins.logo) ? _options.plugins.logo : {};
_display.display.appendChild(new jwplayer.embed.logo(_options.components.logo, "download", _container.id));
_api.container = document.getElementById(_api.id);
_api.setPlayer(_display.display, "download");
};
this.supportsConfig = function() {
if (_options) {
var item = jwplayer.utils.getFirstPlaylistItemFromConfig(_options);
if (typeof item.file == "undefined" && typeof item.levels == "undefined") {
return true;
} else if (item.file) {
return canDownload(item.file, item.provider, item.playlistfile);
} else if (item.levels && item.levels.length) {
for (var i = 0; i < item.levels.length; i++) {
if (item.levels[i].file && canDownload(item.levels[i].file, item.provider, item.playlistfile)) {
return true;
}
}
}
} else {
return true;
}
};
/**
*
* @param {Object} file
* @param {Object} provider
* @param {Object} playlistfile
*/
function canDownload(file, provider, playlistfile) {
// Don't support playlists
if (playlistfile) {
return false;
}
var providers = ["image", "sound", "youtube", "http"];
// If the media provider is supported, return true
if (provider && (providers.toString().indexOf(provider) > -1)) {
return true;
}
// If a provider is set, only proceed if video
if (!provider || (provider && provider == "video")) {
var extension = jwplayer.utils.extension(file);
// Only download if it's in the extension map or YouTube
if (extension && jwplayer.utils.extensionmap[extension]) {
return true;
}
}
return false;
};
};
})(jwplayer);
/**
* Flash mode embedder the JW Player
* @author Zach
* @version 5.5
*/
(function(jwplayer) {
jwplayer.embed.flash = function(_container, _player, _options, _loader, _api) {
function appendAttribute(object, name, value) {
var param = document.createElement('param');
param.setAttribute('name', name);
param.setAttribute('value', value);
object.appendChild(param);
};
function _resizePlugin(plugin, div, onready) {
return function(evt) {
if (onready) {
document.getElementById(_api.id+"_wrapper").appendChild(div);
}
var display = document.getElementById(_api.id).getPluginConfig("display");
plugin.resize(display.width, display.height);
var style = {
left: display.x,
top: display.y
}
jwplayer.utils.css(div, style);
}
}
function parseComponents(componentBlock) {
if (!componentBlock) {
return {};
}
var flat = {};
for (var component in componentBlock) {
var componentConfig = componentBlock[component];
for (var param in componentConfig) {
flat[component + '.' + param] = componentConfig[param];
}
}
return flat;
};
function parseConfigBlock(options, blockName) {
if (options[blockName]) {
var components = options[blockName];
for (var name in components) {
var component = components[name];
if (typeof component == "string") {
// i.e. controlbar="over"
if (!options[name]) {
options[name] = component;
}
} else {
// i.e. controlbar.position="over"
for (var option in component) {
if (!options[name + '.' + option]) {
options[name + '.' + option] = component[option];
}
}
}
}
delete options[blockName];
}
};
function parsePlugins(pluginBlock) {
if (!pluginBlock) {
return {};
}
var flat = {}, pluginKeys = [];
for (var plugin in pluginBlock) {
var pluginName = jwplayer.utils.getPluginName(plugin);
var pluginConfig = pluginBlock[plugin];
pluginKeys.push(plugin);
for (var param in pluginConfig) {
flat[pluginName + '.' + param] = pluginConfig[param];
}
}
flat.plugins = pluginKeys.join(',');
return flat;
};
function jsonToFlashvars(json) {
var flashvars = json.netstreambasepath ? '' : 'netstreambasepath=' + encodeURIComponent(window.location.href) + '&';
for (var key in json) {
flashvars += key + '=' + encodeURIComponent(json[key]) + '&';
}
return flashvars.substring(0, flashvars.length - 1);
};
function loadAfterReady(loadParams) {
return function(obj) {
if (loadParams.playlist) {
this.load(loadParams.playlist);
} else if (loadParams.levels) {
var item = this.getPlaylistItem(0);
if (!item) {
item = loadParams;
}
if (!item.image) {
item.image = loadParams.image;
}
if (!item.levels) {
item.levels = loadParams.levels;
}
this.load(item);
}
};
};
this.embed = function() {
// TODO: serialize levels & playlist, de-serialize in Flash
if (_options.levels || _options.playlist) {
_api.onReady(loadAfterReady(_options));
}
// Make sure we're passing the correct ID into Flash for Linux API support
_options.id = _api.id;
var _wrapper;
// Hack for when adding / removing happens too quickly
if (_container.id + "_wrapper" == _container.parentNode.id) {
_wrapper = document.getElementById(_container.id + "_wrapper");
} else {
_wrapper = document.createElement("div");
_wrapper.id = _container.id + "_wrapper";
jwplayer.utils.wrap(_container, _wrapper);
_wrapper.style.position = "relative";
}
var params = jwplayer.utils.extend({}, _options);
var flashPlugins = _loader.setupPlugins(_api, params, _resizePlugin);
if (flashPlugins.length > 0) {
jwplayer.utils.extend(params, parsePlugins(flashPlugins.plugins));
} else {
delete params.plugins;
}
var width = params.width;
delete params.width;
var height = params.height;
delete params.height;
delete params.levels;
delete params.playlist;
var wmode = "opaque";
if (params.wmode) {
wmode = params.wmode;
}
parseConfigBlock(params, 'components');
parseConfigBlock(params, 'providers');
var bgcolor = "#000000";
var flashPlayer;
if (jwplayer.utils.isIE()) {
var html = '';
jwplayer.utils.setOuterHTML(_container, html);
flashPlayer = document.getElementById(_container.id);
} else {
var obj = document.createElement('object');
obj.setAttribute('type', 'application/x-shockwave-flash');
obj.setAttribute('data', _player.src);
obj.setAttribute('width', width);
obj.setAttribute('height', height);
obj.setAttribute('bgcolor', '#000000');
obj.setAttribute('id', _container.id);
obj.setAttribute('name', _container.id);
appendAttribute(obj, 'allowfullscreen', 'true');
appendAttribute(obj, 'allowscriptaccess', 'always');
appendAttribute(obj, 'seamlesstabbing', 'true');
appendAttribute(obj, 'wmode', wmode);
appendAttribute(obj, 'flashvars', jsonToFlashvars(params));
_container.parentNode.replaceChild(obj, _container);
flashPlayer = obj;
}
_api.container = flashPlayer;
_api.setPlayer(flashPlayer, "flash");
}
/**
* Detects whether Flash supports this configuration
*/
this.supportsConfig = function() {
if (jwplayer.utils.hasFlash()) {
if (_options) {
var item = jwplayer.utils.getFirstPlaylistItemFromConfig(_options);
if (typeof item.file == "undefined" && typeof item.levels == "undefined") {
return true;
} else if (item.file) {
return flashCanPlay(item.file, item.provider);
} else if (item.levels && item.levels.length) {
for (var i = 0; i < item.levels.length; i++) {
if (item.levels[i].file && flashCanPlay(item.levels[i].file, item.provider)) {
return true;
}
}
}
} else {
return true;
}
}
return false;
}
/**
* Determines if a Flash can play a particular file, based on its extension
*/
flashCanPlay = function(file, provider) {
var providers = ["video", "http", "sound", "image"];
// Provider is set, and is not video, http, sound, image - play in Flash
if (provider && (providers.toString().indexOf(provider < 0))) {
return true;
}
var extension = jwplayer.utils.extension(file);
// If there is no extension, use Flash
if (!extension) {
return true;
}
// Extension is in the extension map, but not supported by Flash - fail
if (jwplayer.utils.extensionmap[extension] !== undefined &&
jwplayer.utils.extensionmap[extension].flash === undefined) {
return false;
}
return true;
};
};
})(jwplayer);
/**
* HTML5 mode embedder for the JW Player
* @author Zach
* @version 5.5
*/
(function(jwplayer) {
jwplayer.embed.html5 = function(_container, _player, _options, _loader, _api) {
function _resizePlugin (plugin, div, onready) {
return function(evt) {
var displayarea = document.getElementById(_container.id + "_displayarea");
if (onready) {
displayarea.appendChild(div);
}
var display = displayarea.style;
plugin.resize(display.width, display.height);
div.left = display.left;
div.top = display.top;
}
}
this.embed = function() {
if (jwplayer.html5) {
_loader.setupPlugins(_api, _options, _resizePlugin);
_container.innerHTML = "";
var playerOptions = jwplayer.utils.extend({
screencolor: '0x000000'
}, _options);
if (playerOptions.plugins) {
delete playerOptions.plugins;
}
// TODO: remove this requirement from the html5 _player (sources instead of levels)
if (playerOptions.levels && !playerOptions.sources) {
playerOptions.sources = _options.levels;
}
if (playerOptions.skin && playerOptions.skin.toLowerCase().indexOf(".zip") > 0) {
playerOptions.skin = playerOptions.skin.replace(/\.zip/i, ".xml");
}
var html5player = new (jwplayer.html5(_container)).setup(playerOptions);
_api.container = document.getElementById(_api.id);
_api.setPlayer(html5player, "html5");
} else {
return null;
}
}
/**
* Detects whether the html5 player supports this configuration.
*
* @return {Boolean}
*/
this.supportsConfig = function() {
var vid = document.createElement('video');
if (!!vid.canPlayType) {
if (_options) {
var item = jwplayer.utils.getFirstPlaylistItemFromConfig(_options);
if (typeof item.file == "undefined" && typeof item.levels == "undefined") {
return true;
} else if (item.file) {
return html5CanPlay(vid, item.file, item.provider, item.playlistfile);
} else if (item.levels && item.levels.length) {
for (var i = 0; i < item.levels.length; i++) {
if (item.levels[i].file && html5CanPlay(vid, item.levels[i].file, item.provider, item.playlistfile)) {
return true;
}
}
}
} else {
return true;
}
}
return false;
}
/**
* Determines if a video element can play a particular file, based on its extension
* @param {Object} video
* @param {Object} file
* @param {Object} provider
* @param {Object} playlistfile
* @return {Boolean}
*/
html5CanPlay = function(video, file, provider, playlistfile) {
// Don't support playlists
if (playlistfile) {
return false;
}
// YouTube is supported
if (provider && provider == "youtube") {
return true;
}
// If a provider is set, only proceed if video or HTTP
if (provider && provider != "video" && provider != "http") {
return false;
}
var extension = jwplayer.utils.extension(file);
// If no extension or unrecognized extension, allow to play
if (!extension || jwplayer.utils.extensionmap[extension] === undefined){
return true;
}
// If extension is defined but not supported by HTML5, don't play
if (jwplayer.utils.extensionmap[extension].html5 === undefined) {
return false;
}
// Check for Android, which returns false for canPlayType
if (jwplayer.utils.isLegacyAndroid() && extension.match(/m4v|mp4/)) {
return true;
}
// Last, but not least, we ask the browser
// (But only if it's a video with an extension known to work in HTML5)
return browserCanPlay(video, jwplayer.utils.extensionmap[extension].html5);
};
/**
*
* @param {DOMMediaElement} video
* @param {String} mimetype
* @return {Boolean}
*/
browserCanPlay = function(video, mimetype) {
// OK to use HTML5 with no extension
if (!mimetype) {
return true;
}
return video.canPlayType(mimetype);
}
};
})(jwplayer);
/**
* Logo for the JW Player embedder
* @author Zach
* @version 5.5
*/
(function(jwplayer) {
jwplayer.embed.logo = function(logoConfig, mode, id) {
var _defaults = {
prefix: 'http://l.longtailvideo.com/'+mode+'/',
file: "logo.png",
link: "http://www.longtailvideo.com/players/jw-flv-player/",
margin: 8,
out: 0.5,
over: 1,
timeout: 3,
hide: false,
position: "bottom-left"
};
_css = jwplayer.utils.css;
var _logo;
var _settings;
_setup();
function _setup() {
_setupConfig();
_setupDisplayElements();
_setupMouseEvents();
}
function _setupConfig() {
if (_defaults.prefix) {
var version = jwplayer.version.split(/\W/).splice(0, 2).join("/");
if (_defaults.prefix.indexOf(version) < 0) {
_defaults.prefix += version + "/";
}
}
_settings = jwplayer.utils.extend({}, _defaults, logoConfig);
}
function _getStyle() {
var _imageStyle = {
border: "none",
textDecoration: "none",
position: "absolute",
cursor: "pointer",
zIndex: 10
};
_imageStyle.display = _settings.hide ? "none" : "block";
var positions = _settings.position.toLowerCase().split("-");
for (var position in positions) {
_imageStyle[positions[position]] = _settings.margin;
}
return _imageStyle;
}
function _setupDisplayElements() {
_logo = document.createElement("img");
_logo.id = id + "_jwplayer_logo";
_logo.style.display = "none";
_logo.onload = function(evt) {
_css(_logo, _getStyle());
_outHandler();
};
if (!_settings.file) {
return;
}
if (_settings.file.indexOf("http://") === 0) {
_logo.src = _settings.file;
} else {
_logo.src = _settings.prefix + _settings.file;
}
}
if (!_settings.file) {
return;
}
function _setupMouseEvents() {
if (_settings.link) {
_logo.onmouseover = _overHandler;
_logo.onmouseout = _outHandler;
_logo.onclick = _clickHandler;
} else {
this.mouseEnabled = false;
}
}
function _clickHandler(evt) {
if (typeof evt != "undefined") {
evt.preventDefault();
evt.stopPropagation();
}
if (_settings.link) {
window.open(_settings.link, "_blank");
}
return;
}
function _outHandler(evt) {
if (_settings.link) {
_logo.style.opacity = _settings.out;
}
return;
}
function _overHandler(evt) {
if (_settings.hide) {
_logo.style.opacity = _settings.over;
}
return;
}
return _logo;
};
})(jwplayer);
/**
* Core component of the JW Player (initialization, API).
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
jwplayer.html5 = function(container) {
var _container = container;
this.setup = function(options) {
jwplayer.utils.extend(this, new jwplayer.html5.api(_container, options));
return this;
};
return this;
};
})(jwplayer);
/**
* JW Player view component
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
var _css = jwplayer.utils.css;
jwplayer.html5.view = function(api, container, model) {
var _api = api;
var _container = container;
var _model = model;
var _wrapper;
var _width;
var _height;
var _box;
var _zIndex;
var _resizeInterval;
function createWrapper() {
_wrapper = document.createElement("div");
_wrapper.id = _container.id;
_wrapper.className = _container.className;
_videowrapper = document.createElement("div");
_videowrapper.id = _wrapper.id + "_video_wrapper";
_container.id = _wrapper.id + "_video";
_css(_wrapper, {
position: "relative",
height: _model.height,
width: _model.width,
padding: 0,
backgroundColor: getBackgroundColor(),
zIndex: 0
});
function getBackgroundColor() {
if (_api.skin.getComponentSettings("display") && _api.skin.getComponentSettings("display").backgroundcolor) {
return _api.skin.getComponentSettings("display").backgroundcolor;
}
return parseInt("000000", 16);
}
_css(_container, {
width: _model.width,
height: _model.height,
top: 0,
left: 0,
zIndex: 1,
margin: "auto",
display: "block"
});
_css(_videowrapper, {
overflow: "hidden",
position: "absolute",
top: 0,
left: 0,
bottom: 0,
right: 0
});
jwplayer.utils.wrap(_container, _wrapper);
jwplayer.utils.wrap(_container, _videowrapper);
_box = document.createElement("div");
_box.id = _wrapper.id + "_displayarea";
_wrapper.appendChild(_box);
}
function layoutComponents() {
for (var pluginIndex = 0; pluginIndex < _model.plugins.order.length; pluginIndex++) {
var pluginName = _model.plugins.order[pluginIndex];
if (_model.plugins.object[pluginName].getDisplayElement !== undefined) {
_model.plugins.object[pluginName].height = parseDimension(_model.plugins.object[pluginName].getDisplayElement().style.height);
_model.plugins.object[pluginName].width = parseDimension(_model.plugins.object[pluginName].getDisplayElement().style.width);
_model.plugins.config[pluginName].currentPosition = _model.plugins.config[pluginName].position;
}
}
_loadedHandler();
}
function _loadedHandler(evt) {
if (_model.getMedia() !== undefined) {
for (var pluginIndex = 0; pluginIndex < _model.plugins.order.length; pluginIndex++) {
var pluginName = _model.plugins.order[pluginIndex];
if (_model.plugins.object[pluginName].getDisplayElement !== undefined) {
if (_model.getMedia().hasChrome()) {
_model.plugins.config[pluginName].currentPosition = jwplayer.html5.view.positions.NONE;
} else {
_model.plugins.config[pluginName].currentPosition = _model.plugins.config[pluginName].position;
}
}
}
}
_resize(_model.width, _model.height);
}
function parseDimension(dimension) {
if (typeof dimension == "string") {
if (dimension === "") {
return 0;
} else if (dimension.lastIndexOf("%") > -1) {
return dimension;
} else {
return parseInt(dimension.replace("px", ""), 10);
}
}
return dimension;
}
this.setup = function(container) {
_container = container;
createWrapper();
layoutComponents();
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_MEDIA_LOADED, _loadedHandler);
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_MEDIA_META, function() {
_resizeMedia();
});
var oldresize;
if (window.onresize !== null) {
oldresize = window.onresize;
}
window.onresize = function(evt) {
if (oldresize !== undefined) {
try {
oldresize(evt);
} catch (err) {
}
}
if (_api.jwGetFullscreen()) {
var rect = document.body.getBoundingClientRect();
_model.width = Math.abs(rect.left) + Math.abs(rect.right);
_model.height = window.innerHeight;
}
_resize(_model.width, _model.height);
};
};
function _keyHandler(evt) {
switch (evt.keyCode) {
case 27:
if (_api.jwGetFullscreen()) {
_api.jwSetFullscreen(false);
}
break;
case 32:
// For spacebar. Not sure what to do when there are multiple players
if (_api.jwGetState() != jwplayer.api.events.state.IDLE && _api.jwGetState() != jwplayer.api.events.state.PAUSED) {
_api.jwPause();
} else {
_api.jwPlay();
}
break;
}
}
function _resize(width, height) {
if (_wrapper.style.display == "none") {
return;
}
var plugins = [].concat(_model.plugins.order);
plugins.reverse();
_zIndex = plugins.length + 2;
if (!_model.fullscreen) {
_model.width = width;
_model.height = height;
_width = width;
_height = height;
_css(_box, {
top: 0,
bottom: 0,
left: 0,
right: 0,
width: width,
height: height
});
_css(_wrapper, {
height: _height,
width: _width
});
var failed = _resizeComponents(_normalscreenComponentResizer, plugins);
if (failed.length > 0) {
_zIndex += failed.length;
_resizeComponents(_overlayComponentResizer, failed, true);
}
} else if (navigator.vendor.indexOf("Apple") !== 0) {
_resizeComponents(_fullscreenComponentResizer, plugins, true);
}
_resizeMedia();
}
function _resizeComponents(componentResizer, plugins, sizeToBox) {
var failed = [];
for (var pluginIndex = 0; pluginIndex < plugins.length; pluginIndex++) {
var pluginName = plugins[pluginIndex];
if (_model.plugins.object[pluginName].getDisplayElement !== undefined) {
if (_model.plugins.config[pluginName].currentPosition.toUpperCase() !== jwplayer.html5.view.positions.NONE) {
var style = componentResizer(pluginName, _zIndex--);
if (!style) {
failed.push(pluginName);
} else {
_model.plugins.object[pluginName].resize(style.width, style.height);
if (sizeToBox) {
delete style.width;
delete style.height;
}
_css(_model.plugins.object[pluginName].getDisplayElement(), style);
}
} else {
_css(_model.plugins.object[pluginName].getDisplayElement(), {
display: "none"
});
}
}
}
return failed;
}
function _normalscreenComponentResizer(pluginName, zIndex) {
if (_model.plugins.object[pluginName].getDisplayElement !== undefined) {
if (_hasPosition(_model.plugins.config[pluginName].position)) {
if (_model.plugins.object[pluginName].getDisplayElement().parentNode === null) {
_wrapper.appendChild(_model.plugins.object[pluginName].getDisplayElement());
}
var style = _getComponentPosition(pluginName);
style.zIndex = zIndex;
return style;
}
}
return false;
}
function _overlayComponentResizer(pluginName, zIndex) {
if (_model.plugins.object[pluginName].getDisplayElement().parentNode === null) {
_box.appendChild(_model.plugins.object[pluginName].getDisplayElement());
}
var _iwidth = _model.width, _iheight = _model.height;
if (typeof _model.width == "string" && _model.width.lastIndexOf("%") > -1) {
percentage = parseFloat(_model.width.substring(0, _model.width.lastIndexOf("%"))) / 100;
_iwidth = Math.round(window.innerWidth * percentage);
}
if (typeof _model.height == "string" && _model.height.lastIndexOf("%") > -1) {
percentage = parseFloat(_model.height.substring(0, _model.height.lastIndexOf("%"))) / 100;
_iheight = Math.round(window.innerHeight * percentage);
}
return {
position: "absolute",
width: (_iwidth - parseDimension(_box.style.left) - parseDimension(_box.style.right)),
height: (_iheight - parseDimension(_box.style.top) - parseDimension(_box.style.bottom)),
zIndex: zIndex
};
}
function _fullscreenComponentResizer(pluginName, zIndex) {
return {
position: "fixed",
width: _model.width,
height: _model.height,
zIndex: zIndex
};
}
function _resizeMedia() {
_box.style.position = "absolute";
_model.getMedia().getDisplayElement().style.position = "absolute";
if (_model.getMedia().getDisplayElement().videoWidth == 0 || _model.getMedia().getDisplayElement().videoHeight == 0) {
return;
}
var iwidth, iheight;
if (_box.style.width.toString().lastIndexOf("%") > -1 || _box.style.width.toString().lastIndexOf("%") > -1) {
var rect = _box.getBoundingClientRect();
iwidth = Math.abs(rect.left) + Math.abs(rect.right);
iheight = Math.abs(rect.top) + Math.abs(rect.bottom);
} else {
iwidth = parseDimension(_box.style.width);
iheight = parseDimension(_box.style.height);
}
jwplayer.utils.stretch(_api.jwGetStretching(), _model.getMedia().getDisplayElement(), iwidth, iheight, _model.getMedia().getDisplayElement().videoWidth, _model.getMedia().getDisplayElement().videoHeight);
}
function _getComponentPosition(pluginName) {
var plugincss = {
position: "absolute",
margin: 0,
padding: 0,
top: null
};
var position = _model.plugins.config[pluginName].currentPosition.toLowerCase();
switch (position.toUpperCase()) {
case jwplayer.html5.view.positions.TOP:
plugincss.top = parseDimension(_box.style.top);
plugincss.left = parseDimension(_box.style.left);
plugincss.width = _width - parseDimension(_box.style.left) - parseDimension(_box.style.right);
plugincss.height = _model.plugins.object[pluginName].height;
_box.style[position] = parseDimension(_box.style[position]) + _model.plugins.object[pluginName].height + "px";
_box.style.height = parseDimension(_box.style.height) - plugincss.height + "px";
break;
case jwplayer.html5.view.positions.RIGHT:
plugincss.top = parseDimension(_box.style.top);
plugincss.right = parseDimension(_box.style.right);
plugincss.width = plugincss.width = _model.plugins.object[pluginName].width;
plugincss.height = _height - parseDimension(_box.style.top) - parseDimension(_box.style.bottom);
_box.style[position] = parseDimension(_box.style[position]) + _model.plugins.object[pluginName].width + "px";
_box.style.width = parseDimension(_box.style.width) - plugincss.width + "px";
break;
case jwplayer.html5.view.positions.BOTTOM:
plugincss.bottom = parseDimension(_box.style.bottom);
plugincss.left = parseDimension(_box.style.left);
plugincss.width = _width - parseDimension(_box.style.left) - parseDimension(_box.style.right);
plugincss.height = _model.plugins.object[pluginName].height;
_box.style[position] = parseDimension(_box.style[position]) + _model.plugins.object[pluginName].height + "px";
_box.style.height = parseDimension(_box.style.height) - plugincss.height + "px";
break;
case jwplayer.html5.view.positions.LEFT:
plugincss.top = parseDimension(_box.style.top);
plugincss.left = parseDimension(_box.style.left);
plugincss.width = _model.plugins.object[pluginName].width;
plugincss.height = _height - parseDimension(_box.style.top) - parseDimension(_box.style.bottom);
_box.style[position] = parseDimension(_box.style[position]) + _model.plugins.object[pluginName].width + "px";
_box.style.width = parseDimension(_box.style.width) - plugincss.width + "px";
break;
default:
break;
}
return plugincss;
}
this.resize = _resize;
this.fullscreen = function(state) {
if (navigator.vendor.indexOf("Apple") === 0) {
if (_model.getMedia().getDisplayElement().webkitSupportsFullscreen) {
if (state) {
try {
_model.getMedia().getDisplayElement().webkitEnterFullscreen();
} catch (err) {
}
} else {
try {
_model.getMedia().getDisplayElement().webkitExitFullscreen();
} catch (err) {
}
}
}
} else {
if (state) {
document.onkeydown = _keyHandler;
clearInterval(_resizeInterval);
var rect = document.body.getBoundingClientRect();
_model.width = Math.abs(rect.left) + Math.abs(rect.right);
_model.height = window.innerHeight;
var style = {
position: "fixed",
width: "100%",
height: "100%",
top: 0,
left: 0,
zIndex: 2147483000
};
_css(_wrapper, style);
style.zIndex = 1;
_css(_model.getMedia().getDisplayElement(), style);
style.zIndex = 2;
_css(_box, style);
} else {
document.onkeydown = "";
_model.width = _width;
_model.height = _height;
_css(_wrapper, {
position: "relative",
height: _model.height,
width: _model.width,
zIndex: 0
});
}
_resize(_model.width, _model.height);
}
};
};
function _hasPosition(position) {
return ([jwplayer.html5.view.positions.TOP, jwplayer.html5.view.positions.RIGHT, jwplayer.html5.view.positions.BOTTOM, jwplayer.html5.view.positions.LEFT].toString().indexOf(position.toUpperCase()) > -1);
}
jwplayer.html5.view.positions = {
TOP: "TOP",
RIGHT: "RIGHT",
BOTTOM: "BOTTOM",
LEFT: "LEFT",
OVER: "OVER",
NONE: "NONE"
};
})(jwplayer);
/**
* jwplayer controlbar component of the JW Player.
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
/** Map with config for the jwplayerControlbar plugin. **/
var _defaults = {
backgroundcolor: "",
margin: 10,
font: "Arial,sans-serif",
fontsize: 10,
fontcolor: parseInt("000000", 16),
fontstyle: "normal",
fontweight: "bold",
buttoncolor: parseInt("ffffff", 16),
position: jwplayer.html5.view.positions.BOTTOM,
idlehide: false,
layout: {
"left": {
"position": "left",
"elements": [{
"name": "play",
"type": "button"
}, {
"name": "divider",
"type": "divider"
}, {
"name": "prev",
"type": "button"
}, {
"name": "divider",
"type": "divider"
}, {
"name": "next",
"type": "button"
}, {
"name": "divider",
"type": "divider"
}, {
"name": "elapsed",
"type": "text"
}]
},
"center": {
"position": "center",
"elements": [{
"name": "time",
"type": "slider"
}]
},
"right": {
"position": "right",
"elements": [{
"name": "duration",
"type": "text"
}, {
"name": "blank",
"type": "button"
}, {
"name": "divider",
"type": "divider"
}, {
"name": "mute",
"type": "button"
}, {
"name": "volume",
"type": "slider"
}, {
"name": "divider",
"type": "divider"
}, {
"name": "fullscreen",
"type": "button"
}]
}
}
};
_css = jwplayer.utils.css;
_hide = function(element) {
_css(element, {
display: "none"
});
};
_show = function(element) {
_css(element, {
display: "block"
});
};
jwplayer.html5.controlbar = function(api, config) {
var _api = api;
var _settings = jwplayer.utils.extend({}, _defaults, _api.skin.getComponentSettings("controlbar"), config);
if (jwplayer.utils.mapLength(_api.skin.getComponentLayout("controlbar")) > 0) {
_settings.layout = _api.skin.getComponentLayout("controlbar");
}
var _wrapper;
var _dividerid;
var _marginleft;
var _marginright;
var _scrubber = "none";
var _mousedown;
var _currentPosition;
var _currentDuration;
var _currentBuffer;
var _width;
var _height;
var _prevElement;
var _elements = {};
var _ready = false;
var _positions = {};
function _buildBase() {
_marginleft = 0;
_marginright = 0;
_dividerid = 0;
if (!_ready) {
var wrappercss = {
height: _api.skin.getSkinElement("controlbar", "background").height,
backgroundColor: _settings.backgroundcolor
};
_wrapper = document.createElement("div");
_wrapper.id = _api.id + "_jwplayer_controlbar";
_css(_wrapper, wrappercss);
}
_addElement("capLeft", "left", false, _wrapper);
var domelementcss = {
position: "absolute",
height: _api.skin.getSkinElement("controlbar", "background").height,
//background: " url(" + _api.skin.getSkinElement("controlbar", "background").src + ") repeat-x center left",
left: _api.skin.getSkinElement("controlbar", "capLeft").width,
zIndex: 0
};
_appendNewElement("background", _wrapper, domelementcss, "img");
if (_api.skin.getSkinElement("controlbar", "background")){
_elements.background.src = _api.skin.getSkinElement("controlbar", "background").src
}
domelementcss.zIndex = 1;
_appendNewElement("elements", _wrapper, domelementcss);
_addElement("capRight", "right", false, _wrapper);
}
this.getDisplayElement = function() {
return _wrapper;
};
this.resize = function(width, height) {
jwplayer.utils.cancelAnimation(_wrapper);
document.getElementById(_api.id).onmousemove = _setVisiblity;
_width = width;
_height = height;
_setVisiblity();
var style = _resizeBar();
_timeHandler({
id: _api.id,
duration: _currentDuration,
position: _currentPosition
});
_bufferHandler({
id: _api.id,
bufferPercent: _currentBuffer
});
return style;
};
function _updatePositions() {
var positionElements = ["timeSlider", "volumeSlider", "timeSliderRail", "volumeSliderRail"];
for (var positionElement in positionElements) {
var elementName = positionElements[positionElement];
if (typeof _elements[elementName] != "undefined") {
_positions[elementName] = _elements[elementName].getBoundingClientRect();
}
}
}
function _setVisiblity() {
jwplayer.utils.cancelAnimation(_wrapper);
if (_remainVisible()) {
jwplayer.utils.fadeTo(_wrapper, 1, 0, 1, 0);
} else {
jwplayer.utils.fadeTo(_wrapper, 0, 0.1, 1, 2);
}
}
function _remainVisible() {
if (_api.jwGetState() == jwplayer.api.events.state.IDLE || _api.jwGetState() == jwplayer.api.events.state.PAUSED) {
if (_settings.idlehide) {
return false;
}
return true;
}
if (_api.jwGetFullscreen()) {
return false;
}
if (_settings.position.toUpperCase() == jwplayer.html5.view.positions.OVER) {
return false;
}
return true;
}
function _appendNewElement(id, parent, css, domelement) {
var element;
if (!_ready) {
if (!domelement) {
domelement = "div";
}
element = document.createElement(domelement);
_elements[id] = element;
element.id = _wrapper.id + "_" + id;
parent.appendChild(element);
} else {
element = document.getElementById(_wrapper.id + "_" + id);
}
if (css !== undefined) {
_css(element, css);
}
return element;
}
/** Draw the jwplayerControlbar elements. **/
function _buildElements() {
_buildGroup(_settings.layout.left);
_buildGroup(_settings.layout.right, -1);
_buildGroup(_settings.layout.center);
}
/** Layout a group of elements**/
function _buildGroup(group, order) {
var alignment = group.position == "right" ? "right" : "left";
var elements = jwplayer.utils.extend([], group.elements);
if (order !== undefined) {
elements.reverse();
}
for (var i = 0; i < elements.length; i++) {
_buildElement(elements[i], alignment);
}
}
function getNewDividerId() {
return _dividerid++;
}
/** Draw a single element into the jwplayerControlbar. **/
function _buildElement(element, alignment) {
var offset, offsetLeft, offsetRight, width, slidercss;
switch (element.name) {
case "play":
_addElement("playButton", alignment, false);
_addElement("pauseButton", alignment, true);
_buildHandler("playButton", "jwPlay");
_buildHandler("pauseButton", "jwPause");
break;
case "divider":
_addElement("divider" + getNewDividerId(), alignment, true, undefined, undefined, element.width);
break;
case "prev":
_addElement("prevButton", alignment, true);
_buildHandler("prevButton", "jwPlaylistPrev");
break;
case "next":
_addElement("nextButton", alignment, true);
_buildHandler("nextButton", "jwPlaylistNext");
break;
case "elapsed":
_addElement("elapsedText", alignment, true);
break;
case "time":
offsetLeft = _api.skin.getSkinElement("controlbar", "timeSliderCapLeft") === undefined ? 0 : _api.skin.getSkinElement("controlbar", "timeSliderCapLeft").width;
offsetRight = _api.skin.getSkinElement("controlbar", "timeSliderCapRight") === undefined ? 0 : _api.skin.getSkinElement("controlbar", "timeSliderCapRight").width;
offset = alignment == "left" ? offsetLeft : offsetRight;
width = _api.skin.getSkinElement("controlbar", "timeSliderRail").width + offsetLeft + offsetRight;
slidercss = {
height: _api.skin.getSkinElement("controlbar", "background").height,
position: "absolute",
top: 0,
width: width
};
slidercss[alignment] = alignment == "left" ? _marginleft : _marginright;
var _timeslider = _appendNewElement("timeSlider", _elements.elements, slidercss);
_addElement("timeSliderCapLeft", alignment, true, _timeslider, alignment == "left" ? 0 : offset);
_addElement("timeSliderRail", alignment, false, _timeslider, offset);
_addElement("timeSliderBuffer", alignment, false, _timeslider, offset);
_addElement("timeSliderProgress", alignment, false, _timeslider, offset);
_addElement("timeSliderThumb", alignment, false, _timeslider, offset);
_addElement("timeSliderCapRight", alignment, true, _timeslider, alignment == "right" ? 0 : offset);
_addSliderListener("time");
break;
case "fullscreen":
_addElement("fullscreenButton", alignment, false);
_addElement("normalscreenButton", alignment, true);
_buildHandler("fullscreenButton", "jwSetFullscreen", true);
_buildHandler("normalscreenButton", "jwSetFullscreen", false);
break;
case "volume":
offsetLeft = _api.skin.getSkinElement("controlbar", "volumeSliderCapLeft") === undefined ? 0 : _api.skin.getSkinElement("controlbar", "volumeSliderCapLeft").width;
offsetRight = _api.skin.getSkinElement("controlbar", "volumeSliderCapRight") === undefined ? 0 : _api.skin.getSkinElement("controlbar", "volumeSliderCapRight").width;
offset = alignment == "left" ? offsetLeft : offsetRight;
width = _api.skin.getSkinElement("controlbar", "volumeSliderRail").width + offsetLeft + offsetRight;
slidercss = {
height: _api.skin.getSkinElement("controlbar", "background").height,
position: "absolute",
top: 0,
width: width
};
slidercss[alignment] = alignment == "left" ? _marginleft : _marginright;
var _volumeslider = _appendNewElement("volumeSlider", _elements.elements, slidercss);
_addElement("volumeSliderCapLeft", alignment, true, _volumeslider, alignment == "left" ? 0 : offset);
_addElement("volumeSliderRail", alignment, true, _volumeslider, offset);
_addElement("volumeSliderProgress", alignment, false, _volumeslider, offset);
_addElement("volumeSliderCapRight", alignment, true, _volumeslider, alignment == "right" ? 0 : offset);
_addSliderListener("volume");
break;
case "mute":
_addElement("muteButton", alignment, false);
_addElement("unmuteButton", alignment, true);
_buildHandler("muteButton", "jwSetMute", true);
_buildHandler("unmuteButton", "jwSetMute", false);
break;
case "duration":
_addElement("durationText", alignment, true);
break;
}
}
function _addElement(element, alignment, offset, parent, position, width) {
if ((_api.skin.getSkinElement("controlbar", element) !== undefined || element.indexOf("Text") > 0 || element.indexOf("divider") === 0) && !(element.indexOf("divider") === 0 && _prevElement.indexOf("divider") === 0)) {
_prevElement = element;
var css = {
height: _api.skin.getSkinElement("controlbar", "background").height,
position: "absolute",
display: "block",
top: 0
};
if ((element.indexOf("next") === 0 || element.indexOf("prev") === 0) && _api.jwGetPlaylist().length < 2) {
offset = false;
css.display = "none";
}
var wid;
if (element.indexOf("Text") > 0) {
element.innerhtml = "00:00";
css.font = _settings.fontsize + "px/" + (_api.skin.getSkinElement("controlbar", "background").height + 1) + "px " + _settings.font;
css.color = _settings.fontcolor;
css.textAlign = "center";
css.fontWeight = _settings.fontweight;
css.fontStyle = _settings.fontstyle;
css.cursor = "default";
wid = 14 + 3 * _settings.fontsize;
} else if (element.indexOf("divider") === 0) {
if (width) {
if (!isNaN(parseInt(width))) {
wid = parseInt(width);
}
} else {
css.background = "url(" + _api.skin.getSkinElement("controlbar", "divider").src + ") repeat-x center left";
wid = _api.skin.getSkinElement("controlbar", "divider").width;
}
} else {
css.background = "url(" + _api.skin.getSkinElement("controlbar", element).src + ") repeat-x center left";
wid = _api.skin.getSkinElement("controlbar", element).width;
}
if (alignment == "left") {
css.left = isNaN(position) ? _marginleft : position;
if (offset) {
_marginleft += wid;
}
} else if (alignment == "right") {
css.right = isNaN(position) ? _marginright : position;
if (offset) {
_marginright += wid;
}
}
if (jwplayer.utils.typeOf(parent) == "undefined") {
parent = _elements.elements;
}
css.width = wid;
if (_ready) {
_css(_elements[element], css);
} else {
var newelement = _appendNewElement(element, parent, css);
if (_api.skin.getSkinElement("controlbar", element + "Over") !== undefined) {
newelement.onmouseover = function(evt) {
newelement.style.backgroundImage = ["url(", _api.skin.getSkinElement("controlbar", element + "Over").src, ")"].join("");
};
newelement.onmouseout = function(evt) {
newelement.style.backgroundImage = ["url(", _api.skin.getSkinElement("controlbar", element).src, ")"].join("");
};
}
}
}
}
function _addListeners() {
// Register events with the player.
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_PLAYLIST_LOADED, _playlistHandler);
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_MEDIA_BUFFER, _bufferHandler);
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_PLAYER_STATE, _stateHandler);
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_MEDIA_TIME, _timeHandler);
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_MEDIA_MUTE, _muteHandler);
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_MEDIA_VOLUME, _volumeHandler);
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_MEDIA_COMPLETE, _completeHandler);
}
function _playlistHandler() {
_buildBase();
_buildElements();
_resizeBar();
_init();
}
/** Add interactivity to the jwplayerControlbar elements. **/
function _init() {
// Trigger a few events so the bar looks good on startup.
_timeHandler({
id: _api.id,
duration: _api.jwGetDuration(),
position: 0
});
_bufferHandler({
id: _api.id,
bufferProgress: 0
});
_muteHandler({
id: _api.id,
mute: _api.jwGetMute()
});
_stateHandler({
id: _api.id,
newstate: jwplayer.api.events.state.IDLE
});
_volumeHandler({
id: _api.id,
volume: _api.jwGetVolume()
});
}
/** Set a single button handler. **/
function _buildHandler(element, handler, args) {
if (_ready) {
return;
}
if (_api.skin.getSkinElement("controlbar", element) !== undefined) {
var _element = _elements[element];
if (_element !== null) {
_css(_element, {
cursor: "pointer"
});
if (handler == "fullscreen") {
_element.onmouseup = function(evt) {
evt.stopPropagation();
_api.jwSetFullscreen(!_api.jwGetFullscreen());
};
} else {
_element.onmouseup = function(evt) {
evt.stopPropagation();
if (args !== null) {
_api[handler](args);
} else {
_api[handler]();
}
};
}
}
}
}
/** Set the volume drag handler. **/
function _addSliderListener(name) {
if (_ready) {
return;
}
var bar = _elements[name + "Slider"];
_css(_elements.elements, {
"cursor": "pointer"
});
_css(bar, {
"cursor": "pointer"
});
bar.onmousedown = function(evt) {
_scrubber = name;
};
bar.onmouseup = function(evt) {
evt.stopPropagation();
_sliderUp(evt.pageX);
};
bar.onmousemove = function(evt) {
if (_scrubber == "time") {
_mousedown = true;
var xps = evt.pageX - _positions[name + "Slider"].left - window.pageXOffset;
_css(_elements.timeSliderThumb, {
left: xps
});
}
};
}
/** The slider has been moved up. **/
function _sliderUp(msx) {
_mousedown = false;
var xps;
if (_scrubber == "time") {
xps = msx - _positions.timeSliderRail.left + window.pageXOffset;
var pos = xps / _positions.timeSliderRail.width * _currentDuration;
if (pos < 0) {
pos = 0;
} else if (pos > _currentDuration) {
pos = _currentDuration - 3;
}
_api.jwSeek(pos);
if (_api.jwGetState() != jwplayer.api.events.state.PLAYING) {
_api.jwPlay();
}
} else if (_scrubber == "volume") {
xps = msx - _positions.volumeSliderRail.left - window.pageXOffset;
var pct = Math.round(xps / _positions.volumeSliderRail.width * 100);
if (pct < 0) {
pct = 0;
} else if (pct > 100) {
pct = 100;
}
if (_api.jwGetMute()) {
_api.jwSetMute(false);
}
_api.jwSetVolume(pct);
}
_scrubber = "none";
}
/** Update the buffer percentage. **/
function _bufferHandler(event) {
if (event.bufferPercent !== null) {
_currentBuffer = event.bufferPercent;
}
var wid = _positions.timeSliderRail.width;
var bufferWidth = isNaN(Math.round(wid * _currentBuffer / 100)) ? 0 : Math.round(wid * _currentBuffer / 100);
_css(_elements.timeSliderBuffer, {
width: bufferWidth
});
}
/** Update the mute state. **/
function _muteHandler(event) {
if (event.mute) {
_hide(_elements.muteButton);
_show(_elements.unmuteButton);
_hide(_elements.volumeSliderProgress);
} else {
_show(_elements.muteButton);
_hide(_elements.unmuteButton);
_show(_elements.volumeSliderProgress);
}
}
/** Update the playback state. **/
function _stateHandler(event) {
// Handle the play / pause button
if (event.newstate == jwplayer.api.events.state.BUFFERING || event.newstate == jwplayer.api.events.state.PLAYING) {
_show(_elements.pauseButton);
_hide(_elements.playButton);
} else {
_hide(_elements.pauseButton);
_show(_elements.playButton);
}
_setVisiblity();
// Show / hide progress bar
if (event.newstate == jwplayer.api.events.state.IDLE) {
_hide(_elements.timeSliderBuffer);
_hide(_elements.timeSliderProgress);
_hide(_elements.timeSliderThumb);
_timeHandler({
id: _api.id,
duration: _api.jwGetDuration(),
position: 0
});
} else {
_show(_elements.timeSliderBuffer);
if (event.newstate != jwplayer.api.events.state.BUFFERING) {
_show(_elements.timeSliderProgress);
_show(_elements.timeSliderThumb);
}
}
}
/** Handles event completion **/
function _completeHandler(event) {
_bufferHandler({
bufferPercent: 0
});
_timeHandler(jwplayer.utils.extend(event, {
position: 0,
duration: _currentDuration
}));
}
/** Update the playback time. **/
function _timeHandler(event) {
if (event.position !== null) {
_currentPosition = event.position;
}
if (event.duration !== null) {
_currentDuration = event.duration;
}
var progress = (_currentPosition === _currentDuration === 0) ? 0 : _currentPosition / _currentDuration;
var progressWidth = isNaN(Math.round(_positions.timeSliderRail.width * progress)) ? 0 : Math.round(_positions.timeSliderRail.width * progress);
var thumbPosition = progressWidth;
_elements.timeSliderProgress.style.width = progressWidth + "px";
if (!_mousedown) {
if (_elements.timeSliderThumb) {
_elements.timeSliderThumb.style.left = thumbPosition + "px";
}
}
if (_elements.durationText) {
_elements.durationText.innerHTML = _timeFormat(_currentDuration);
}
if (_elements.elapsedText) {
_elements.elapsedText.innerHTML = _timeFormat(_currentPosition);
}
}
/** Format the elapsed / remaining text. **/
function _timeFormat(sec) {
str = "00:00";
if (sec > 0) {
str = Math.floor(sec / 60) < 10 ? "0" + Math.floor(sec / 60) + ":" : Math.floor(sec / 60) + ":";
str += Math.floor(sec % 60) < 10 ? "0" + Math.floor(sec % 60) : Math.floor(sec % 60);
}
return str;
}
function cleanupDividers() {
var lastElement, lastVisibleElement;
var childNodes = document.getElementById(_wrapper.id + "_elements").childNodes;
for (var childNode in document.getElementById(_wrapper.id + "_elements").childNodes) {
if (isNaN(parseInt(childNode, 10))) {
continue;
}
if (childNodes[childNode].id.indexOf(_wrapper.id + "_divider") === 0 && lastVisibleElement.id.indexOf(_wrapper.id + "_divider") === 0) {
childNodes[childNode].style.display = "none";
} else if (childNodes[childNode].id.indexOf(_wrapper.id + "_divider") === 0 && lastElement.style.display != "none") {
childNodes[childNode].style.display = "block";
}
if (childNodes[childNode].style.display != "none") {
lastVisibleElement = childNodes[childNode];
}
lastElement = childNodes[childNode];
}
}
/** Resize the jwplayerControlbar. **/
function _resizeBar() {
cleanupDividers();
if (_api.jwGetFullscreen()) {
_show(_elements.normalscreenButton);
_hide(_elements.fullscreenButton);
} else {
_hide(_elements.normalscreenButton);
_show(_elements.fullscreenButton);
}
var controlbarcss = {
width: _width
};
var elementcss = {};
if (_settings.position.toUpperCase() == jwplayer.html5.view.positions.OVER || _api.jwGetFullscreen()) {
controlbarcss.left = _settings.margin;
controlbarcss.width -= 2 * _settings.margin;
controlbarcss.top = _height - _api.skin.getSkinElement("controlbar", "background").height - _settings.margin;
controlbarcss.height = _api.skin.getSkinElement("controlbar", "background").height;
} else {
controlbarcss.left = 0;
}
elementcss.left = _api.skin.getSkinElement("controlbar", "capLeft").width;
elementcss.width = controlbarcss.width - _api.skin.getSkinElement("controlbar", "capLeft").width - _api.skin.getSkinElement("controlbar", "capRight").width;
var timeSliderLeft = _api.skin.getSkinElement("controlbar", "timeSliderCapLeft") === undefined ? 0 : _api.skin.getSkinElement("controlbar", "timeSliderCapLeft").width;
_css(_elements.timeSliderRail, {
width: (elementcss.width - _marginleft - _marginright),
left: timeSliderLeft
});
if (_elements.timeSliderCapRight !== undefined) {
_css(_elements.timeSliderCapRight, {
left: timeSliderLeft + (elementcss.width - _marginleft - _marginright)
});
}
_css(_wrapper, controlbarcss);
_css(_elements.elements, elementcss);
_css(_elements.background, elementcss);
_updatePositions();
return controlbarcss;
}
/** Update the volume level. **/
function _volumeHandler(event) {
if (_elements.volumeSliderRail !== undefined) {
var progress = isNaN(event.volume / 100) ? 1 : event.volume / 100;
var width = parseInt(_elements.volumeSliderRail.style.width.replace("px", ""), 10);
var progressWidth = isNaN(Math.round(width * progress)) ? 0 : Math.round(width * progress);
var offset = parseInt(_elements.volumeSliderRail.style.right.replace("px", ""), 10);
var volumeSliderLeft = _api.skin.getSkinElement("controlbar", "volumeSliderCapLeft") === undefined ? 0 : _api.skin.getSkinElement("controlbar", "volumeSliderCapLeft").width;
_css(_elements.volumeSliderProgress, {
width: progressWidth,
left: volumeSliderLeft
});
if (_elements.volumeSliderCapLeft !== undefined) {
_css(_elements.volumeSliderCapLeft, {
left: 0
});
}
}
}
function _setup() {
_buildBase();
_buildElements();
_updatePositions();
_ready = true;
_addListeners();
_init();
_wrapper.style.opacity = _settings.idlehide ? 0 : 1;
}
_setup();
return this;
};
})(jwplayer);
/**
* JW Player controller component
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
var _mediainfovariables = ["width", "height", "state", "playlist", "item", "position", "buffer", "duration", "volume", "mute", "fullscreen"];
jwplayer.html5.controller = function(api, container, model, view) {
var _api = api;
var _model = model;
var _view = view;
var _container = container;
var _itemUpdated = true;
var _oldstart = -1;
var debug = (_model.config.debug !== undefined) && (_model.config.debug.toString().toLowerCase() == 'console');
var _eventDispatcher = new jwplayer.html5.eventdispatcher(_container.id, debug);
jwplayer.utils.extend(this, _eventDispatcher);
function forward(evt) {
_eventDispatcher.sendEvent(evt.type, evt);
}
_model.addGlobalListener(forward);
function _play() {
try {
if (_model.playlist[_model.item].levels[0].file.length > 0) {
if (_itemUpdated || _model.state == jwplayer.api.events.state.IDLE) {
_model.addEventListener(jwplayer.api.events.JWPLAYER_MEDIA_BUFFER_FULL, function() {
_model.getMedia().play();
});
_model.addEventListener(jwplayer.api.events.JWPLAYER_MEDIA_TIME, function(evt) {
if (evt.position >= _model.playlist[_model.item].start && _oldstart >= 0) {
_model.playlist[_model.item].start = _oldstart;
_oldstart = -1;
}
});
if (_model.config.repeat) {
_model.addEventListener(jwplayer.api.events.JWPLAYER_MEDIA_COMPLETE, function(evt) {
setTimeout(_completeHandler, 25);
});
}
_model.getMedia().load(_model.playlist[_model.item]);
_itemUpdated = false;
} else if (_model.state == jwplayer.api.events.state.PAUSED) {
_model.getMedia().play();
}
}
return true;
} catch (err) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, err);
}
return false;
}
/** Switch the pause state of the player. **/
function _pause() {
try {
if (_model.playlist[_model.item].levels[0].file.length > 0) {
switch (_model.state) {
case jwplayer.api.events.state.PLAYING:
case jwplayer.api.events.state.BUFFERING:
_model.getMedia().pause();
break;
}
}
return true;
} catch (err) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, err);
}
return false;
}
/** Seek to a position in the video. **/
function _seek(position) {
try {
if (_model.playlist[_model.item].levels[0].file.length > 0) {
if (typeof position != "number") {
position = parseFloat(position);
}
switch (_model.state) {
case jwplayer.api.events.state.IDLE:
if (_oldstart < 0) {
_oldstart = _model.playlist[_model.item].start;
_model.playlist[_model.item].start = position;
}
_play();
break;
case jwplayer.api.events.state.PLAYING:
case jwplayer.api.events.state.PAUSED:
case jwplayer.api.events.state.BUFFERING:
_model.getMedia().seek(position);
break;
}
}
return true;
} catch (err) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, err);
}
return false;
}
/** Stop playback and loading of the video. **/
function _stop() {
try {
if (_model.playlist[_model.item].levels[0].file.length > 0 && _model.state != jwplayer.api.events.state.IDLE) {
_model.getMedia().stop();
}
return true;
} catch (err) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, err);
}
return false;
}
/** Stop playback and loading of the video. **/
function _next() {
try {
if (_model.playlist[_model.item].levels[0].file.length > 0) {
if (_model.config.shuffle) {
_item(_getShuffleItem());
} else if (_model.item + 1 == _model.playlist.length) {
_item(0);
} else {
_item(_model.item + 1);
}
}
if (_model.state != jwplayer.api.events.state.PLAYING && _model.state != jwplayer.api.events.state.BUFFERING) {
_play();
}
return true;
} catch (err) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, err);
}
return false;
}
/** Stop playback and loading of the video. **/
function _prev() {
try {
if (_model.playlist[_model.item].levels[0].file.length > 0) {
if (_model.config.shuffle) {
_item(_getShuffleItem());
} else if (_model.item === 0) {
_item(_model.playlist.length - 1);
} else {
_item(_model.item - 1);
}
}
if (_model.state != jwplayer.api.events.state.PLAYING && _model.state != jwplayer.api.events.state.BUFFERING) {
_play();
}
return true;
} catch (err) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, err);
}
return false;
}
function _getShuffleItem() {
var result = null;
if (_model.playlist.length > 1) {
while (result === null) {
result = Math.floor(Math.random() * _model.playlist.length);
if (result == _model.item) {
result = null;
}
}
} else {
result = 0;
}
return result;
}
/** Stop playback and loading of the video. **/
function _item(item) {
_model.resetEventListeners();
_model.addGlobalListener(forward);
try {
if (_model.playlist[item].levels[0].file.length > 0) {
var oldstate = _model.state;
if (oldstate !== jwplayer.api.events.state.IDLE) {
_stop();
}
_model.item = item;
_itemUpdated = true;
_model.setActiveMediaProvider(_model.playlist[_model.item]);
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_PLAYLIST_ITEM, {
"index": item
});
if (oldstate == jwplayer.api.events.state.PLAYING || oldstate == jwplayer.api.events.state.BUFFERING || _model.config.chromeless || model.config.autostart === true) {
_play();
}
}
return true;
} catch (err) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, err);
}
return false;
}
/** Get / set the video's volume level. **/
function _setVolume(volume) {
try {
switch (typeof(volume)) {
case "number":
_model.getMedia().volume(volume);
break;
case "string":
_model.getMedia().volume(parseInt(volume, 10));
break;
}
return true;
} catch (err) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, err);
}
return false;
}
/** Get / set the mute state of the player. **/
function _setMute(state) {
try {
if (typeof state == "undefined") {
_model.getMedia().mute(!_model.mute);
} else {
if (state.toString().toLowerCase() == "true") {
_model.getMedia().mute(true);
} else {
_model.getMedia().mute(false);
}
}
return true;
} catch (err) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, err);
}
return false;
}
/** Resizes the video **/
function _resize(width, height) {
try {
_model.width = width;
_model.height = height;
_view.resize(width, height);
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_RESIZE, {
"width": _model.width,
"height": _model.height
});
return true;
} catch (err) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, err);
}
return false;
}
/** Jumping the player to/from fullscreen. **/
function _setFullscreen(state) {
try {
if (typeof state == "undefined") {
_model.fullscreen = !_model.fullscreen;
_view.fullscreen(!_model.fullscreen);
} else {
if (state.toString().toLowerCase() == "true") {
_model.fullscreen = true;
_view.fullscreen(true);
} else {
_model.fullscreen = false;
_view.fullscreen(false);
}
}
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_RESIZE, {
"width": _model.width,
"height": _model.height
});
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_FULLSCREEN, {
"fullscreen": state
});
return true;
} catch (err) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, err);
}
return false;
}
/** Loads a new video **/
function _load(arg) {
try {
_stop();
_model.loadPlaylist(arg);
_item(_model.item);
return true;
} catch (err) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, err);
}
return false;
}
jwplayer.html5.controller.repeatoptions = {
LIST: "LIST",
ALWAYS: "ALWAYS",
SINGLE: "SINGLE",
NONE: "NONE"
};
function _completeHandler() {
_model.resetEventListeners();
_model.addGlobalListener(forward);
switch (_model.config.repeat.toUpperCase()) {
case jwplayer.html5.controller.repeatoptions.SINGLE:
_play();
break;
case jwplayer.html5.controller.repeatoptions.ALWAYS:
if (_model.item == _model.playlist.length - 1 && !_model.config.shuffle) {
_item(0);
_play();
} else {
_next();
}
break;
case jwplayer.html5.controller.repeatoptions.LIST:
if (_model.item == _model.playlist.length - 1 && !_model.config.shuffle) {
_item(0);
} else {
_next();
}
break;
}
}
this.play = _play;
this.pause = _pause;
this.seek = _seek;
this.stop = _stop;
this.next = _next;
this.prev = _prev;
this.item = _item;
this.setVolume = _setVolume;
this.setMute = _setMute;
this.resize = _resize;
this.setFullscreen = _setFullscreen;
this.load = _load;
};
})(jwplayer);
/**
* JW Player Default skin
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
jwplayer.html5.defaultSkin = function() {
this.text = '';
this.xml = null;
//http://www.w3schools.com/Dom/dom_parser.asp
if (window.DOMParser) {
parser = new DOMParser();
this.xml = parser.parseFromString(this.text, "text/xml");
} else {
//IE
this.xml = new ActiveXObject("Microsoft.XMLDOM");
this.xml.async = "false";
this.xml.loadXML(this.text);
}
return this;
};
})(jwplayer);
/**
* JW Player display component
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
_css = jwplayer.utils.css;
_hide = function(element) {
_css(element, {
display: "none"
});
};
_show = function(element) {
_css(element, {
display: "block"
});
};
jwplayer.html5.display = function(api, config) {
var _defaults = {
icons: true
}
var _config = jwplayer.utils.extend({}, _defaults, config);
var _api = api;
var _display = {};
var _width;
var _height;
var _imageWidth;
var _imageHeight;
var _degreesRotated;
var _rotationInterval;
var _error;
var _bufferRotation = _api.skin.getComponentSettings("display").bufferrotation === undefined ? 15 : parseInt(_api.skin.getComponentSettings("display").bufferrotation, 10);
var _bufferInterval = _api.skin.getComponentSettings("display").bufferinterval === undefined ? 100 : parseInt(_api.skin.getComponentSettings("display").bufferinterval, 10);
var _elements = {
display: {
style: {
cursor: "pointer",
top: 0,
left: 0,
overflow: "hidden"
},
click: _displayClickHandler
},
display_icon: {
style: {
cursor: "pointer",
position: "absolute",
top: ((_api.skin.getSkinElement("display", "background").height - _api.skin.getSkinElement("display", "playIcon").height) / 2),
left: ((_api.skin.getSkinElement("display", "background").width - _api.skin.getSkinElement("display", "playIcon").width) / 2),
border: 0,
margin: 0,
padding: 0,
zIndex: 3
}
},
display_iconBackground: {
style: {
cursor: "pointer",
position: "absolute",
top: ((_height - _api.skin.getSkinElement("display", "background").height) / 2),
left: ((_width - _api.skin.getSkinElement("display", "background").width) / 2),
border: 0,
backgroundImage: (["url(", _api.skin.getSkinElement("display", "background").src, ")"]).join(""),
width: _api.skin.getSkinElement("display", "background").width,
height: _api.skin.getSkinElement("display", "background").height,
margin: 0,
padding: 0,
zIndex: 2
}
},
display_image: {
style: {
display: "none",
width: _width,
height: _height,
position: "absolute",
cursor: "pointer",
left: 0,
top: 0,
margin: 0,
padding: 0,
textDecoration: "none",
zIndex: 1
}
},
display_text: {
style: {
zIndex: 4,
position: "relative",
opacity: 0.8,
backgroundColor: parseInt("000000", 16),
color: parseInt("ffffff", 16),
textAlign: "center",
fontFamily: "Arial,sans-serif",
padding: "0 5px",
fontSize: 14
}
}
};
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_PLAYER_STATE, _stateHandler);
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_MEDIA_MUTE, _stateHandler);
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_PLAYLIST_ITEM, _stateHandler);
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_ERROR, _errorHandler);
_setupDisplay();
function _setupDisplay() {
_display.display = createElement("div", "display");
_display.display_text = createElement("div", "display_text");
_display.display.appendChild(_display.display_text);
_display.display_image = createElement("img", "display_image");
_display.display_image.onerror = function(evt) {
_hide(_display.display_image);
};
_display.display_image.onload = _onImageLoad;
_display.display_icon = createElement("div", "display_icon");
_display.display_iconBackground = createElement("div", "display_iconBackground");
_display.display.appendChild(_display.display_image);
_display.display_iconBackground.appendChild(_display.display_icon);
_display.display.appendChild(_display.display_iconBackground);
_setupDisplayElements();
}
this.getDisplayElement = function() {
return _display.display;
};
this.resize = function(width, height) {
_width = width;
_height = height;
_css(_display.display, {
width: width,
height: height
});
_css(_display.display_text, {
width: (width - 10),
top: ((_height - _display.display_text.getBoundingClientRect().height) / 2)
});
_css(_display.display_iconBackground, {
top: ((_height - _api.skin.getSkinElement("display", "background").height) / 2),
left: ((_width - _api.skin.getSkinElement("display", "background").width) / 2)
});
_stretch();
_stateHandler({});
};
function _onImageLoad(evt) {
_imageWidth = _display.display_image.naturalWidth;
_imageHeight = _display.display_image.naturalHeight;
_stretch();
}
function _stretch() {
jwplayer.utils.stretch(_api.jwGetStretching(), _display.display_image, _width, _height, _imageWidth, _imageHeight);
};
function createElement(tag, element) {
var _element = document.createElement(tag);
_element.id = _api.id + "_jwplayer_" + element;
_css(_element, _elements[element].style);
return _element;
}
function _setupDisplayElements() {
for (var element in _display) {
if (_elements[element].click !== undefined) {
_display[element].onclick = _elements[element].click;
}
}
}
function _displayClickHandler(evt) {
if (typeof evt.preventDefault != "undefined") {
evt.preventDefault(); // W3C
} else {
evt.returnValue = false; // IE
}
if (_api.jwGetState() != jwplayer.api.events.state.PLAYING) {
_api.jwPlay();
} else {
_api.jwPause();
}
}
function _setDisplayIcon(newIcon) {
if (_error || !_config.icons) {
_hideDisplayIcon();
return;
}
_show(_display.display_iconBackground);
_display.display_icon.style.backgroundImage = (["url(", _api.skin.getSkinElement("display", newIcon).src, ")"]).join("");
_css(_display.display_icon, {
display: "block",
width: _api.skin.getSkinElement("display", newIcon).width,
height: _api.skin.getSkinElement("display", newIcon).height,
top: (_api.skin.getSkinElement("display", "background").height - _api.skin.getSkinElement("display", newIcon).height) / 2,
left: (_api.skin.getSkinElement("display", "background").width - _api.skin.getSkinElement("display", newIcon).width) / 2
});
if (_api.skin.getSkinElement("display", newIcon + "Over") !== undefined) {
_display.display_icon.onmouseover = function(evt) {
_display.display_icon.style.backgroundImage = ["url(", _api.skin.getSkinElement("display", newIcon + "Over").src, ")"].join("");
};
_display.display_icon.onmouseout = function(evt) {
_display.display_icon.style.backgroundImage = ["url(", _api.skin.getSkinElement("display", newIcon).src, ")"].join("");
};
} else {
_display.display_icon.onmouseover = null;
_display.display_icon.onmouseout = null;
}
}
function _hideDisplayIcon() {
_hide(_display.display_icon);
_hide(_display.display_iconBackground);
}
function _errorHandler(evt) {
_error = true;
_hideDisplayIcon();
_display.display_text.innerHTML = evt.error;
_show(_display.display_text);
_display.display_text.style.top = ((_height - _display.display_text.getBoundingClientRect().height) / 2) + "px";
}
function _resetPoster() {
var oldDisplayImage = _display.display_image;
_display.display_image = createElement("img", "display_image");
_display.display_image.onerror = function(evt) {
_hide(_display.display_image);
};
_display.display_image.onload = _onImageLoad;
_display.display.replaceChild(_display.display_image, oldDisplayImage);
}
function _stateHandler(evt) {
if ((evt.type == jwplayer.api.events.JWPLAYER_PLAYER_STATE ||
evt.type == jwplayer.api.events.JWPLAYER_PLAYLIST_ITEM) &&
_error) {
_error = false;
_hide(_display.display_text);
}
if (_rotationInterval !== undefined) {
clearInterval(_rotationInterval);
_rotationInterval = null;
jwplayer.utils.animations.rotate(_display.display_icon, 0);
}
switch (_api.jwGetState()) {
case jwplayer.api.events.state.BUFFERING:
_setDisplayIcon("bufferIcon");
_degreesRotated = 0;
_rotationInterval = setInterval(function() {
_degreesRotated += _bufferRotation;
jwplayer.utils.animations.rotate(_display.display_icon, _degreesRotated % 360);
}, _bufferInterval);
_setDisplayIcon("bufferIcon");
break;
case jwplayer.api.events.state.PAUSED:
_css(_display.display_image, {
background: "transparent no-repeat center center"
});
_setDisplayIcon("playIcon");
break;
case jwplayer.api.events.state.IDLE:
if (_api.jwGetPlaylist()[_api.jwGetItem()].image) {
_css(_display.display_image, {
display: "block"
});
_display.display_image.src = jwplayer.utils.getAbsolutePath(_api.jwGetPlaylist()[_api.jwGetItem()].image);
} else {
_resetPoster();
}
_setDisplayIcon("playIcon");
break;
default:
if (_api.jwGetMute()) {
_resetPoster();
_setDisplayIcon("muteIcon");
} else {
_resetPoster();
_hide(_display.display_iconBackground);
_hide(_display.display_icon);
}
break;
}
}
return this;
};
})(jwplayer);
/**
* JW Player dock component
*/
(function(jwplayer) {
jwplayer.html5.dock = function(api, config) {
// TODO: Config parser needs to move dock to dock.align
function _defaults() {
return {
align: jwplayer.html5.view.positions.RIGHT
};
};
var _config = jwplayer.utils.extend({}, _defaults(), config);
var _buttons = {};
var _buttonArray = [];
var _width;
var _height;
var _dock = document.createElement("div");
_dock.id = api.id + "_jwplayer_dock";
this.getDisplayElement = function() {
return _dock;
};
this.setButton = function(id, handler, outGraphic, overGraphic) {
if (!handler && _buttons[id]) {
jwplayer.utils.arrays.remove(_buttonArray, id);
_dock.removeChild(_buttons[id].div);
delete _buttons[id];
} else if (handler) {
var div;
if (!_buttons[id]) {
_buttonArray.push(id);
div = document.createElement("div");
div.style.position = "relative";
_dock.appendChild(div);
div.appendChild(document.createElement("img"));
div.childNodes[0].style.position = "absolute";
div.childNodes[0].style.left = 0;
div.childNodes[0].style.top = 0;
div.childNodes[0].style.zIndex = 10;
div.appendChild(document.createElement("img"));
div.childNodes[1].style.display = "none";
div.childNodes[1].style.position = "absolute";
div.childNodes[1].style.left = 0;
div.childNodes[1].style.top = 0;
div.childNodes[1].style.zIndex = 9;
div.appendChild(document.createElement("img"));
div.childNodes[2].style.position = "absolute";
div.childNodes[2].style.left = 0;
div.childNodes[2].style.top = 0;
if (api.skin.getSkinElement("dock", "button")) {
div.childNodes[2].src = api.skin.getSkinElement("dock", "button").src;
}
div.childNodes[2].style.zIndex = 8;
div.appendChild(document.createElement("img"));
div.childNodes[3].style.display = "none";
div.childNodes[3].style.position = "absolute";
div.childNodes[3].style.left = 0;
div.childNodes[3].style.top = 0;
div.childNodes[3].style.display = "none";
div.childNodes[3].style.zIndex = 7;
if (api.skin.getSkinElement("dock", "buttonOver")) {
div.childNodes[3].src = api.skin.getSkinElement("dock", "buttonOver").src;
}
div.onmouseover = function() {
div.childNodes[0].style.display = "none";
div.childNodes[1].style.display = "block";
if (api.skin.getSkinElement("dock", "buttonOver")) {
div.childNodes[2].style.display = "none";
div.childNodes[3].style.display = "block";
}
}
div.onmouseout = function() {
div.childNodes[0].style.display = "block";
div.childNodes[1].style.display = "none";
if (api.skin.getSkinElement("dock", "buttonOver")) {
div.childNodes[2].style.display = "block";
div.childNodes[3].style.display = "none";
}
}
}
if (!div) {
div = _buttons[id].div;
}
if (handler) {
div.onclick = function(evt) {
evt.preventDefault();
jwplayer(api.id).callback(id);
}
}
if (outGraphic) {
div.childNodes[0].src = outGraphic;
div.childNodes[0].style.display = "block";
}
if (overGraphic) {
div.childNodes[1].style.display = "none";
div.childNodes[1].src = overGraphic;
}
_buttons[id] = {
handler: handler,
outGraphic: outGraphic,
overGraphic: overGraphic,
div: div
}
}
_resize(_width, _height);
}
function _resize(width, height) {
_width = width;
_height = height;
if (_buttonArray.length > 0) {
var margin = 10;
var xStart = width - api.skin.getSkinElement("dock", "button").width - margin;
var usedHeight = margin;
var direction = -1;
if (_config.align == 'left') {
direction = 1;
xStart = margin;
}
for (var i = 0; i < _buttonArray.length; i++) {
var row = Math.floor(usedHeight / height);
if ((usedHeight + api.skin.getSkinElement("dock", "button").height + margin) > ((row + 1) * height)) {
usedHeight = ((row + 1) * height) + margin;
row = Math.floor(usedHeight / height);
}
_buttons[_buttonArray[i]].div.style.top = (usedHeight % height) + "px";
_buttons[_buttonArray[i]].div.style.left = (xStart + (api.skin.getSkinElement("dock", "button").width + margin) * row * direction) + "px";
;
usedHeight += api.skin.getSkinElement("dock", "button").height + margin;
}
}
}
this.resize = _resize;
return this;
}
})(jwplayer);
/**
* Event dispatcher for the JW Player for HTML5
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
jwplayer.html5.eventdispatcher = function(id, debug) {
var _id = id;
var _debug = debug;
var _listeners;
var _globallisteners;
/** Clears all event listeners **/
this.resetEventListeners = function() {
_listeners = {};
_globallisteners = [];
};
this.resetEventListeners();
/** Add an event listener for a specific type of event. **/
this.addEventListener = function(type, listener, count) {
try {
if (_listeners[type] === undefined) {
_listeners[type] = [];
}
if (typeof(listener) == "string") {
eval("listener = " + listener);
}
_listeners[type].push({
listener: listener,
count: count
});
} catch (err) {
jwplayer.utils.log("error", err);
}
return false;
};
/** Remove an event listener for a specific type of event. **/
this.removeEventListener = function(type, listener) {
try {
for (var listenerIndex = 0; listenerIndex < _listeners[type].length; listenerIndex++) {
if (_listeners[type][lisenterIndex].toString() == listener.toString()) {
_listeners[type].slice(lisenterIndex, lisenterIndex + 1);
break;
}
}
} catch (err) {
jwplayer.utils.log("error", err);
}
return false;
};
/** Add an event listener for all events. **/
this.addGlobalListener = function(listener, count) {
try {
if (typeof(listener) == "string") {
eval("listener = " + listener);
}
_globallisteners.push({
listener: listener,
count: count
});
} catch (err) {
jwplayer.utils.log("error", err);
}
return false;
};
/** Add an event listener for all events. **/
this.removeGlobalListener = function(listener) {
try {
for (var globalListenerIndex = 0; globalListenerIndex < _globallisteners.length; globalListenerIndex++) {
if (_globallisteners[globalListenerIndex].toString() == listener.toString()) {
_globallisteners.slice(globalListenerIndex, globalListenerIndex + 1);
break;
}
}
} catch (err) {
jwplayer.utils.log("error", err);
}
return false;
};
/** Send an event **/
this.sendEvent = function(type, data) {
if (data === undefined) {
data = {};
}
jwplayer.utils.extend(data, {
id: _id,
version: jwplayer.version,
type: type
});
if (_debug) {
jwplayer.utils.log(type, data);
}
if (typeof _listeners[type] != "undefined") {
for (var listenerIndex = 0; listenerIndex < _listeners[type].length; listenerIndex++) {
try {
_listeners[type][listenerIndex].listener(data);
} catch (err) {
jwplayer.utils.log("There was an error while handling a listener", _listeners[type][listenerIndex].listener, err);
}
if (_listeners[type][listenerIndex].count === 1) {
delete _listeners[type][listenerIndex];
} else if (_listeners[type][listenerIndex].count > 0) {
_listeners[type][listenerIndex].count = _listeners[type][listenerIndex].count - 1;
}
}
}
for (var globalListenerIndex = 0; globalListenerIndex < _globallisteners.length; globalListenerIndex++) {
try {
_globallisteners[globalListenerIndex].listener(data);
} catch (err) {
jwplayer.utils.log("There was an error while handling a listener", _globallisteners[globalListenerIndex].listener, err);
}
if (_globallisteners[globalListenerIndex].count === 1) {
delete _globallisteners[globalListenerIndex];
} else if (_globallisteners[globalListenerIndex].count > 0) {
_globallisteners[globalListenerIndex].count = _globallisteners[globalListenerIndex].count - 1;
}
}
};
};
})(jwplayer);
/**
* JW Player logo component
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
var _defaults = {
prefix: "http://l.longtailvideo.com/html5/",
file: "logo.png",
link: "http://www.longtailvideo.com/players/jw-flv-player/",
margin: 8,
out: 0.5,
over: 1,
timeout: 3,
hide: true,
position: "bottom-left"
};
_css = jwplayer.utils.css;
jwplayer.html5.logo = function(api, logoConfig) {
var _api = api;
var _timeout;
var _settings;
var _logo;
_setup();
function _setup() {
_setupConfig();
_setupDisplayElements();
_setupMouseEvents();
}
function _setupConfig() {
if (_defaults.prefix) {
var version = api.version.split(/\W/).splice(0, 2).join("/");
if (_defaults.prefix.indexOf(version) < 0) {
_defaults.prefix += version + "/";
}
}
if (logoConfig.position == jwplayer.html5.view.positions.OVER) {
logoConfig.position = _defaults.position;
}
_settings = jwplayer.utils.extend({}, _defaults, logoConfig);
}
function _setupDisplayElements() {
_logo = document.createElement("img");
_logo.id = _api.id + "_jwplayer_logo";
_logo.style.display = "none";
_logo.onload = function(evt) {
_css(_logo, _getStyle());
_api.jwAddEventListener(jwplayer.api.events.JWPLAYER_PLAYER_STATE, _stateHandler);
_outHandler();
};
if (!_settings.file) {
return;
}
if (_settings.file.indexOf("http://") === 0) {
_logo.src = _settings.file;
} else {
_logo.src = _settings.prefix + _settings.file;
}
}
if (!_settings.file) {
return;
}
this.resize = function(width, height) {
};
this.getDisplayElement = function() {
return _logo;
};
function _setupMouseEvents() {
if (_settings.link) {
_logo.onmouseover = _overHandler;
_logo.onmouseout = _outHandler;
_logo.onclick = _clickHandler;
} else {
this.mouseEnabled = false;
}
}
function _clickHandler(evt) {
if (typeof evt != "undefined") {
evt.stopPropagation();
}
_api.jwPause();
_api.jwSetFullscreen(false);
if (_settings.link) {
window.open(_settings.link, "_blank");
}
return;
}
function _outHandler(evt) {
if (_settings.link) {
_logo.style.opacity = _settings.out;
}
return;
}
function _overHandler(evt) {
if (_settings.hide) {
_logo.style.opacity = _settings.over;
}
return;
}
function _getStyle() {
var _imageStyle = {
textDecoration: "none",
position: "absolute",
cursor: "pointer"
};
_imageStyle.display = _settings.hide ? "none" : "block";
var positions = _settings.position.toLowerCase().split("-");
for (var position in positions) {
_imageStyle[positions[position]] = _settings.margin;
}
return _imageStyle;
}
function _show() {
if (_settings.hide) {
_logo.style.display = "block";
_logo.style.opacity = 0;
jwplayer.utils.fadeTo(_logo, _settings.out, 0.1, parseFloat(_logo.style.opacity));
_timeout = setTimeout(function() {
_hide();
}, _settings.timeout * 1000);
}
}
function _hide() {
if (_settings.hide) {
jwplayer.utils.fadeTo(_logo, 0, 0.1, parseFloat(_logo.style.opacity));
}
}
function _stateHandler(obj) {
if (obj.newstate == jwplayer.api.events.state.BUFFERING) {
clearTimeout(_timeout);
_show();
}
}
return this;
};
})(jwplayer);
/**
* JW Player Video Media component
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
var _states = {
"ended": jwplayer.api.events.state.IDLE,
"playing": jwplayer.api.events.state.PLAYING,
"pause": jwplayer.api.events.state.PAUSED,
"buffering": jwplayer.api.events.state.BUFFERING
};
var _css = jwplayer.utils.css;
jwplayer.html5.mediavideo = function(model, container) {
var _events = {
'abort': _generalHandler,
'canplay': _stateHandler,
'canplaythrough': _stateHandler,
'durationchange': _metaHandler,
'emptied': _generalHandler,
'ended': _stateHandler,
'error': _errorHandler,
'loadeddata': _metaHandler,
'loadedmetadata': _metaHandler,
'loadstart': _stateHandler,
'pause': _stateHandler,
'play': _positionHandler,
'playing': _stateHandler,
'progress': _progressHandler,
'ratechange': _generalHandler,
'seeked': _stateHandler,
'seeking': _stateHandler,
'stalled': _stateHandler,
'suspend': _stateHandler,
'timeupdate': _positionHandler,
'volumechange': _generalHandler,
'waiting': _stateHandler,
'canshowcurrentframe': _generalHandler,
'dataunavailable': _generalHandler,
'empty': _generalHandler,
'load': _loadHandler,
'loadedfirstframe': _generalHandler
};
var _eventDispatcher = new jwplayer.html5.eventdispatcher();
jwplayer.utils.extend(this, _eventDispatcher);
var _model = model;
var _container = container;
var _bufferFull;
var _bufferingComplete;
var _state = jwplayer.api.events.state.IDLE;
var _interval = null;
var _stopped;
var _loadcount = 0;
var _start = false;
var _hasChrome = false;
var _currentItem;
var _sourceError;
var _bufferTimes = [];
var _bufferBackupTimeout;
var _error = false;
function _getState() {
return _state;
}
function _loadHandler(evt) {
}
function _generalHandler(event) {
}
function _stateHandler(event) {
if (_states[event.type]) {
_setState(_states[event.type]);
}
}
function _setState(newstate) {
if (_error) {
return;
}
if (_stopped) {
newstate = jwplayer.api.events.state.IDLE;
}
// Handles FF 3.5 issue
if (newstate == jwplayer.api.events.state.PAUSED && _state == jwplayer.api.events.state.IDLE) {
return;
}
// Handles iOS device issue, as play isn't called from within the API
if (newstate == jwplayer.api.events.state.PLAYING && _state == jwplayer.api.events.state.IDLE) {
_setState(jwplayer.api.events.state.BUFFERING);
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_MEDIA_BUFFER, {
bufferPercent: _model.buffer
});
_setBufferFull();
return;
}
if (_state != newstate) {
var oldstate = _state;
_model.state = newstate;
_state = newstate;
var _sendComplete = false;
if (newstate == jwplayer.api.events.state.IDLE) {
_clearInterval();
if (_model.position >= _model.duration && (_model.position || _model.duration)) {
_sendComplete = true;
}
if (_container.style.display != 'none' && !_model.config.chromeless) {
_container.style.display = 'none';
}
}
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_PLAYER_STATE, {
oldstate: oldstate,
newstate: newstate
});
if (_sendComplete) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_MEDIA_COMPLETE);
}
}
_stopped = false;
}
function _metaHandler(event) {
var meta = {
height: event.target.videoHeight,
width: event.target.videoWidth,
duration: Math.round(event.target.duration * 10) / 10
};
if (_model.duration === 0 || isNaN(_model.duration)) {
_model.duration = Math.round(event.target.duration * 10) / 10;
}
_model.playlist[_model.item] = jwplayer.utils.extend(_model.playlist[_model.item], meta);
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_MEDIA_META, {
metadata: meta
});
}
function _positionHandler(event) {
if (_stopped) {
return;
}
if (event !== undefined && event.target !== undefined) {
if (_model.duration === 0 || isNaN(_model.duration)) {
_model.duration = Math.round(event.target.duration * 10) / 10;
}
if (!_start && _container.readyState > 0) {
_setState(jwplayer.api.events.state.PLAYING);
}
if (_state == jwplayer.api.events.state.PLAYING) {
if (!_start && _container.readyState > 0) {
_start = true;
try {
_container.currentTime = _model.playlist[_model.item].start;
} catch (err) {
}
_container.volume = _model.volume / 100;
_container.muted = _model.mute;
}
_model.position = Math.round(event.target.currentTime * 10) / 10;
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_MEDIA_TIME, {
position: event.target.currentTime,
duration: event.target.duration
});
}
}
_progressHandler(event);
}
function _setBufferFull() {
if (_bufferFull === false && _state == jwplayer.api.events.state.BUFFERING) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_MEDIA_BUFFER_FULL);
_bufferFull = true;
}
}
function _bufferBackup() {
var timeout = (_bufferTimes[_bufferTimes.length - 1] - _bufferTimes[0]) / _bufferTimes.length;
_bufferBackupTimeout = setTimeout(function() {
if (!_bufferingComplete) {
_progressHandler({
lengthComputable: true,
loaded: 1,
total: 1
});
}
}, timeout * 10);
}
function _progressHandler(event) {
var bufferPercent, bufferTime;
if (event !== undefined && event.lengthComputable && event.total) {
_addBufferEvent();
bufferPercent = event.loaded / event.total * 100;
bufferTime = bufferPercent / 100 * (_model.duration - _container.currentTime);
if (50 < bufferPercent && !_bufferingComplete) {
clearTimeout(_bufferBackupTimeout);
_bufferBackup();
}
} else if ((_container.buffered !== undefined) && (_container.buffered.length > 0)) {
maxBufferIndex = 0;
if (maxBufferIndex >= 0) {
bufferPercent = _container.buffered.end(maxBufferIndex) / _container.duration * 100;
bufferTime = _container.buffered.end(maxBufferIndex) - _container.currentTime;
}
}
_setBufferFull();
if (!_bufferingComplete) {
if (bufferPercent == 100 && _bufferingComplete === false) {
_bufferingComplete = true;
}
if (bufferPercent !== null && (bufferPercent > _model.buffer)) {
_model.buffer = Math.round(bufferPercent);
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_MEDIA_BUFFER, {
bufferPercent: Math.round(bufferPercent)
});
}
}
}
function _startInterval() {
if (_interval === null) {
_interval = setInterval(function() {
_positionHandler();
}, 100);
}
}
function _clearInterval() {
clearInterval(_interval);
_interval = null;
}
function _errorHandler(event) {
var message = "There was an error: ";
if ((event.target.error && event.target.tagName.toLowerCase() == "video") ||
event.target.parentNode.error && event.target.parentNode.tagName.toLowerCase() == "video") {
var element = event.target.error === undefined ? event.target.parentNode.error : event.target.error;
switch (element.code) {
case element.MEDIA_ERR_ABORTED:
message = "You aborted the video playback: ";
break;
case element.MEDIA_ERR_NETWORK:
message = "A network error caused the video download to fail part-way: ";
break;
case element.MEDIA_ERR_DECODE:
message = "The video playback was aborted due to a corruption problem or because the video used features your browser did not support: ";
break;
case element.MEDIA_ERR_SRC_NOT_SUPPORTED:
message = "The video could not be loaded, either because the server or network failed or because the format is not supported: ";
break;
default:
message = "An unknown error occurred: ";
break;
}
} else if (event.target.tagName.toLowerCase() == "source") {
_sourceError--;
if (_sourceError > 0) {
return;
}
message = "The video could not be loaded, either because the server or network failed or because the format is not supported: ";
} else {
jwplayer.utils.log("Erroneous error received. Continuing...");
return;
}
_stop();
message += joinFiles();
_error = true;
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, {
error: message
});
return;
}
function joinFiles() {
var result = "";
for (var sourceIndex in _currentItem.levels) {
var sourceModel = _currentItem.levels[sourceIndex];
var source = _container.ownerDocument.createElement("source");
result += jwplayer.utils.getAbsolutePath(sourceModel.file);
if (sourceIndex < (_currentItem.levels.length - 1)) {
result += ", ";
}
}
return result;
}
this.getDisplayElement = function() {
return _container;
};
this.play = function() {
if (_state != jwplayer.api.events.state.PLAYING) {
if (_container.style.display != "block") {
_container.style.display = "block";
}
_container.play();
_startInterval();
if (_bufferFull) {
_setState(jwplayer.api.events.state.PLAYING);
}
}
};
/** Switch the pause state of the player. **/
this.pause = function() {
_container.pause();
_setState(jwplayer.api.events.state.PAUSED);
};
/** Seek to a position in the video. **/
this.seek = function(position) {
if (!(_model.duration === 0 || isNaN(_model.duration)) &&
!(_model.position === 0 || isNaN(_model.position))) {
_container.currentTime = position;
_container.play();
}
};
/** Stop playback and loading of the video. **/
function _stop() {
_container.pause();
_clearInterval();
_model.position = 0;
_stopped = true;
_setState(jwplayer.api.events.state.IDLE);
}
this.stop = _stop;
/** Change the video's volume level. **/
this.volume = function(position) {
_container.volume = position / 100;
_model.volume = position;
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_MEDIA_VOLUME, {
volume: Math.round(position)
});
};
/** Switch the mute state of the player. **/
this.mute = function(state) {
_container.muted = state;
_model.mute = state;
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_MEDIA_MUTE, {
mute: state
});
};
/** Resize the player. **/
this.resize = function(width, height) {
if (false) {
_css(_container, {
width: width,
height: height
});
}
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_MEDIA_RESIZE, {
fullscreen: _model.fullscreen,
width: width,
hieght: height
});
};
/** Switch the fullscreen state of the player. **/
this.fullscreen = function(state) {
if (state === true) {
this.resize("100%", "100%");
} else {
this.resize(_model.config.width, _model.config.height);
}
};
/** Load a new video into the player. **/
this.load = function(playlistItem) {
_embed(playlistItem);
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_MEDIA_LOADED);
_bufferFull = false;
_bufferingComplete = false;
_start = false;
if (!_model.config.chromeless) {
_bufferTimes = [];
_addBufferEvent();
_setState(jwplayer.api.events.state.BUFFERING);
setTimeout(function() {
_positionHandler();
}, 25);
}
};
function _addBufferEvent() {
var currentTime = new Date().getTime();
_bufferTimes.push(currentTime);
}
this.hasChrome = function() {
return _hasChrome;
};
function _embed(playlistItem) {
_model.duration = playlistItem.duration;
_hasChrome = false;
_currentItem = playlistItem;
var vid = document.createElement("video");
vid.preload = "none";
_error = false;
_sourceError = 0;
for (var sourceIndex = 0; sourceIndex < playlistItem.levels.length; sourceIndex++) {
var sourceModel = playlistItem.levels[sourceIndex];
if (jwplayer.utils.isYouTube(sourceModel.file)) {
delete vid;
_embedYouTube(sourceModel.file);
return;
}
var sourceType;
if (sourceModel.type === undefined) {
var extension = jwplayer.utils.extension(sourceModel.file);
if (jwplayer.utils.extensionmap[extension] !== undefined && jwplayer.utils.extensionmap[extension].html5 !== undefined) {
sourceType = jwplayer.utils.extensionmap[extension].html5;
}
} else {
sourceType = sourceModel.type;
}
if (!sourceType || vid.canPlayType(sourceType)) {
var source = _container.ownerDocument.createElement("source");
source.src = jwplayer.utils.getAbsolutePath(sourceModel.file);
if (sourceType && !jwplayer.utils.isLegacyAndroid()) {
source.type = sourceType;
}
_sourceError++;
vid.appendChild(source);
}
}
if (_sourceError === 0) {
_error = true;
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_ERROR, {
error: "The video could not be loaded because the format is not supported by your browser: " + joinFiles()
});
}
if (_model.config.chromeless) {
vid.poster = jwplayer.utils.getAbsolutePath(playlistItem.image);
vid.controls = "controls";
}
vid.style.top = _container.style.top;
vid.style.left = _container.style.left;
vid.style.width = _container.style.width;
vid.style.height = _container.style.height;
vid.style.zIndex = _container.style.zIndex;
vid.onload = _loadHandler;
vid.volume = 0;
_container.parentNode.replaceChild(vid, _container);
vid.id = _container.id;
_container = vid;
for (var event in _events) {
_container.addEventListener(event, function(evt) {
if (evt.target.parentNode !== null) {
_events[evt.type](evt);
}
}, true);
}
}
function _embedYouTube(path) {
var object = document.createElement("object");
path = ["http://www.youtube.com/v/", path.replace(/^[^v]+v.(.{11}).*/, "$1"), "&hl=en_US&fs=1&autoplay=1"].join("");
var objectParams = {
movie: path,
allowFullScreen: "true",
allowscriptaccess: "always"
};
for (var objectParam in objectParams) {
var param = document.createElement("param");
param.name = objectParam;
param.value = objectParams[objectParam];
object.appendChild(param);
}
var embed = document.createElement("embed");
var embedParams = {
src: path,
type: "application/x-shockwave-flash",
allowscriptaccess: "always",
allowfullscreen: "true",
width: document.getElementById(model.id).style.width,
height: document.getElementById(model.id).style.height
};
for (var embedParam in embedParams) {
embed[embedParam] = embedParams[embedParam];
}
object.appendChild(embed);
object.style.position = _container.style.position;
object.style.top = _container.style.top;
object.style.left = _container.style.left;
object.style.width = document.getElementById(model.id).style.width;
object.style.height = document.getElementById(model.id).style.height;
object.style.zIndex = 2147483000;
_container.parentNode.replaceChild(object, _container);
object.id = _container.id;
_container = object;
_hasChrome = true;
}
this.embed = _embed;
return this;
};
})(jwplayer);
/**
* JW Player model component
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
var _configurableStateVariables = ["width", "height", "start", "duration", "volume", "mute", "fullscreen", "item", "plugins", "stretching"];
jwplayer.html5.model = function(api, container, options) {
var _api = api;
var _container = container;
var _model = {
id: _container.id,
playlist: [],
state: jwplayer.api.events.state.IDLE,
position: 0,
buffer: 0,
config: {
width: 480,
height: 320,
item: -1,
skin: undefined,
file: undefined,
image: undefined,
start: 0,
duration: 0,
bufferlength: 5,
volume: 90,
mute: false,
fullscreen: false,
repeat: "none",
stretching: jwplayer.utils.stretching.UNIFORM,
autostart: false,
debug: undefined,
screencolor: undefined
}
};
var _media;
var _eventDispatcher = new jwplayer.html5.eventdispatcher();
var _components = ["display", "logo", "controlbar", "dock"];
jwplayer.utils.extend(_model, _eventDispatcher);
for (var option in options) {
if (typeof options[option] == "string") {
var type = /color$/.test(option) ? "color" : null;
options[option] = jwplayer.utils.typechecker(options[option], type);
}
var config = _model.config;
var path = option.split(".");
for (var edge in path) {
if (edge == path.length - 1) {
config[path[edge]] = options[option];
} else {
if (config[path[edge]] === undefined) {
config[path[edge]] = {};
}
config = config[path[edge]];
}
}
}
for (var index in _configurableStateVariables) {
var configurableStateVariable = _configurableStateVariables[index];
_model[configurableStateVariable] = _model.config[configurableStateVariable];
}
var pluginorder = _components.concat([]);
if (_model.plugins !== undefined) {
if (typeof _model.plugins == "string") {
var userplugins = _model.plugins.split(",");
for (var userplugin in userplugins) {
if (typeof userplugins[userplugin] == "string") {
pluginorder.push(userplugins[userplugin].replace(/^\s+|\s+$/g, ""));
}
}
}
}
if (typeof _model.config.chromeless == "undefined" && jwplayer.utils.isIOS()) {
_model.config.chromeless = true;
}
if (_model.config.chromeless) {
pluginorder = ["logo", "dock"];
}
_model.plugins = {
order: pluginorder,
config: {
controlbar: {
position: jwplayer.html5.view.positions.BOTTOM
}
},
object: {}
};
if (typeof _model.config.components != "undefined") {
for (var component in _model.config.components) {
_model.plugins.config[component] = _model.config.components[component];
}
}
for (var pluginIndex in _model.plugins.order) {
var pluginName = _model.plugins.order[pluginIndex];
var pluginConfig = _model.config[pluginName] === undefined ? {} : _model.config[pluginName];
_model.plugins.config[pluginName] = _model.plugins.config[pluginName] === undefined ? pluginConfig : jwplayer.utils.extend(_model.plugins.config[pluginName], pluginConfig);
if (_model.plugins.config[pluginName].position === undefined) {
_model.plugins.config[pluginName].position = jwplayer.html5.view.positions.OVER;
}
}
_model.loadPlaylist = function(arg, ready) {
var input;
if (typeof arg == "string") {
try {
input = eval(arg);
} catch (err) {
input = arg;
}
} else {
input = arg;
}
var config;
switch (jwplayer.utils.typeOf(input)) {
case "object":
config = input;
break;
case "array":
config = {
playlist: input
};
break;
default:
config = {
file: input
};
break;
}
_model.playlist = new jwplayer.html5.playlist(config);
if (_model.config.shuffle) {
_model.item = _getShuffleItem();
} else {
if (_model.config.item >= _model.playlist.length) {
_model.config.item = _model.playlist.length - 1;
} else if (_model.config.item < 0) {
_model.config.item = 0;
}
_model.item = _model.config.item;
}
if (!ready) {
_eventDispatcher.sendEvent(jwplayer.api.events.JWPLAYER_PLAYLIST_LOADED, {
"playlist": _model.playlist
});
}
_model.setActiveMediaProvider(_model.playlist[_model.item]);
};
function _getShuffleItem() {
var result = null;
if (_model.playlist.length > 1) {
while (result === null) {
result = Math.floor(Math.random() * _model.playlist.length);
if (result == _model.item) {
result = null;
}
}
} else {
result = 0;
}
return result;
}
function forward(evt) {
if (evt.type == jwplayer.api.events.JWPLAYER_MEDIA_LOADED) {
_container = _media.getDisplayElement();
}
_eventDispatcher.sendEvent(evt.type, evt);
}
_model.setActiveMediaProvider = function(playlistItem) {
if (_media !== undefined) {
_media.resetEventListeners();
}
_media = new jwplayer.html5.mediavideo(_model, _container);
_media.addGlobalListener(forward);
if (_model.config.chromeless) {
_media.load(playlistItem);
}
return true;
};
_model.getMedia = function() {
return _media;
};
_model.setupPlugins = function() {
for (var plugin in _model.plugins.order) {
try {
if (jwplayer.html5[_model.plugins.order[plugin]] !== undefined) {
_model.plugins.object[_model.plugins.order[plugin]] = new jwplayer.html5[_model.plugins.order[plugin]](_api, _model.plugins.config[_model.plugins.order[plugin]]);
} else if (window[_model.plugins.order[plugin]] !== undefined) {
_model.plugins.object[_model.plugins.order[plugin]] = new window[_model.plugins.order[plugin]](_api, _model.plugins.config[_model.plugins.order[plugin]]);
} else {
_model.plugins.order.splice(plugin, plugin + 1);
}
} catch (err) {
jwplayer.utils.log("Could not setup " + _model.plugins.order[plugin]);
}
}
};
return _model;
};
})(jwplayer);
/**
* JW Player playlist model
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
jwplayer.html5.playlist = function(config) {
var _playlist = [];
if (config.playlist && config.playlist instanceof Array && config.playlist.length > 0) {
for (var playlistItem in config.playlist) {
if (!isNaN(parseInt(playlistItem))){
_playlist.push(new jwplayer.html5.playlistitem(config.playlist[playlistItem]));
}
}
} else {
_playlist.push(new jwplayer.html5.playlistitem(config));
}
return _playlist;
};
})(jwplayer);
/**
* JW Player playlist item model
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
jwplayer.html5.playlistitem = function(config) {
var _playlistitem = {
author: "",
date: "",
description: "",
image: "",
link: "",
mediaid: "",
tags: "",
title: "",
provider: "",
file: "",
streamer: "",
duration: -1,
start: 0,
currentLevel: -1,
levels: []
};
for (var property in _playlistitem) {
if (config[property] !== undefined) {
_playlistitem[property] = config[property];
}
}
if (_playlistitem.levels.length === 0) {
_playlistitem.levels[0] = new jwplayer.html5.playlistitemlevel(_playlistitem);
}
return _playlistitem;
};
})(jwplayer);
/**
* JW Player playlist item level model
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
jwplayer.html5.playlistitemlevel = function(config) {
var _playlistitemlevel = {
file: "",
streamer: "",
bitrate: 0,
width: 0
};
for (var property in _playlistitemlevel) {
if (config[property] !== undefined) {
_playlistitemlevel[property] = config[property];
}
}
return _playlistitemlevel;
};
})(jwplayer);
/**
* JW Player component that loads PNG skins.
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
jwplayer.html5.skin = function() {
var _components = {};
var _loaded = false;
this.load = function(path, callback) {
new jwplayer.html5.skinloader(path, function(skin) {
_loaded = true;
_components = skin;
callback();
}, function() {
new jwplayer.html5.skinloader("", function(skin) {
_loaded = true;
_components = skin;
callback();
});
});
};
this.getSkinElement = function(component, element) {
if (_loaded) {
try {
return _components[component].elements[element];
} catch (err) {
jwplayer.utils.log("No such skin component / element: ", [component, element]);
}
}
return null;
};
this.getComponentSettings = function(component) {
if (_loaded) {
return _components[component].settings;
}
return null;
};
this.getComponentLayout = function(component) {
if (_loaded) {
return _components[component].layout;
}
return null;
};
};
})(jwplayer);
/**
* JW Player component that loads PNG skins.
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
/** Constructor **/
jwplayer.html5.skinloader = function(skinPath, completeHandler, errorHandler) {
var _skin = {};
var _completeHandler = completeHandler;
var _errorHandler = errorHandler;
var _loading = true;
var _completeInterval;
var _skinPath = skinPath;
var _error = false;
/** Load the skin **/
function _load() {
if (typeof _skinPath != "string" || _skinPath === "") {
_loadSkin(jwplayer.html5.defaultSkin().xml);
} else {
jwplayer.utils.ajax(jwplayer.utils.getAbsolutePath(_skinPath), function(xmlrequest) {
try {
if (xmlrequest.responseXML !== null){
_loadSkin(xmlrequest.responseXML);
return;
}
} catch (err){
}
_loadSkin(jwplayer.html5.defaultSkin().xml);
}, function(path) {
_loadSkin(jwplayer.html5.defaultSkin().xml);
});
}
}
function _loadSkin(xml) {
var components = xml.getElementsByTagName('component');
if (components.length === 0) {
return;
}
for (var componentIndex = 0; componentIndex < components.length; componentIndex++) {
var componentName = components[componentIndex].getAttribute("name");
var component = {
settings: {},
elements: {},
layout: {}
};
_skin[componentName] = component;
var elements = components[componentIndex].getElementsByTagName('elements')[0].getElementsByTagName('element');
for (var elementIndex = 0; elementIndex < elements.length; elementIndex++) {
_loadImage(elements[elementIndex], componentName);
}
var settingsElement = components[componentIndex].getElementsByTagName('settings')[0];
if (settingsElement !== undefined && settingsElement.childNodes.length > 0) {
var settings = settingsElement.getElementsByTagName('setting');
for (var settingIndex = 0; settingIndex < settings.length; settingIndex++) {
var name = settings[settingIndex].getAttribute("name");
var value = settings[settingIndex].getAttribute("value");
var type = /color$/.test(name) ? "color" : null;
_skin[componentName].settings[name] = jwplayer.utils.typechecker(value, type);
}
}
var layout = components[componentIndex].getElementsByTagName('layout')[0];
if (layout !== undefined && layout.childNodes.length > 0) {
var groups = layout.getElementsByTagName('group');
for (var groupIndex = 0; groupIndex < groups.length; groupIndex++) {
var group = groups[groupIndex];
_skin[componentName].layout[group.getAttribute("position")] = {
elements: []
};
for (var attributeIndex = 0; attributeIndex < group.attributes.length; attributeIndex++) {
var attribute = group.attributes[attributeIndex];
_skin[componentName].layout[group.getAttribute("position")][attribute.name] = attribute.value;
}
var groupElements = group.getElementsByTagName('*');
for (var groupElementIndex = 0; groupElementIndex < groupElements.length; groupElementIndex++) {
var element = groupElements[groupElementIndex];
_skin[componentName].layout[group.getAttribute("position")].elements.push({
type: element.tagName
});
for (var elementAttributeIndex = 0; elementAttributeIndex < element.attributes.length; elementAttributeIndex++) {
var elementAttribute = element.attributes[elementAttributeIndex];
_skin[componentName].layout[group.getAttribute("position")].elements[groupElementIndex][elementAttribute.name] = elementAttribute.value;
}
if (_skin[componentName].layout[group.getAttribute("position")].elements[groupElementIndex].name === undefined) {
_skin[componentName].layout[group.getAttribute("position")].elements[groupElementIndex].name = element.tagName;
}
}
}
}
_loading = false;
_resetCompleteIntervalTest();
}
}
function _resetCompleteIntervalTest() {
clearInterval(_completeInterval);
if (!_error) {
_completeInterval = setInterval(function() {
_checkComplete();
}, 100);
}
}
/** Load the data for a single element. **/
function _loadImage(element, component) {
var img = new Image();
var elementName = element.getAttribute("name");
var elementSource = element.getAttribute("src");
var imgUrl;
if (elementSource.indexOf('data:image/png;base64,') === 0) {
imgUrl = elementSource;
} else {
var skinUrl = jwplayer.utils.getAbsolutePath(_skinPath);
var skinRoot = skinUrl.substr(0, skinUrl.lastIndexOf('/'));
imgUrl = [skinRoot, component, elementSource].join('/');
}
_skin[component].elements[elementName] = {
height: 0,
width: 0,
src: '',
ready: false
};
img.onload = function(evt) {
_completeImageLoad(img, elementName, component);
};
img.onerror = function(evt) {
_error = true;
_resetCompleteIntervalTest();
_errorHandler();
};
img.src = imgUrl;
}
function _checkComplete() {
for (var component in _skin) {
if (component != 'properties') {
for (var element in _skin[component].elements) {
if (!_skin[component].elements[element].ready) {
return;
}
}
}
}
if (_loading === false) {
clearInterval(_completeInterval);
_completeHandler(_skin);
}
}
function _completeImageLoad(img, element, component) {
_skin[component].elements[element].height = img.height;
_skin[component].elements[element].width = img.width;
_skin[component].elements[element].src = img.src;
_skin[component].elements[element].ready = true;
_resetCompleteIntervalTest();
}
_load();
};
})(jwplayer);
/**
* A factory for API calls that either set listeners or return data
*
* @author zach
* @version 5.4
*/
(function(jwplayer) {
jwplayer.html5.api = function(container, options) {
var _api = {};
var _container = document.createElement('div');
container.parentNode.replaceChild(_container, container);
_container.id = container.id;
_api.version = jwplayer.version;
_api.id = _container.id;
var _model = new jwplayer.html5.model(_api, _container, options);
var _view = new jwplayer.html5.view(_api, _container, _model);
var _controller = new jwplayer.html5.controller(_api, _container, _model, _view);
_api.skin = new jwplayer.html5.skin();
_api.jwPlay = function(state) {
if (typeof state == "undefined") {
_togglePlay();
} else if (state.toString().toLowerCase() == "true") {
_controller.play();
} else {
_controller.pause();
}
};
_api.jwPause = function(state) {
if (typeof state == "undefined") {
_togglePlay();
} else if (state.toString().toLowerCase() == "true") {
_controller.pause();
} else {
_controller.play();
}
};
function _togglePlay() {
if (_model.state == jwplayer.api.events.state.PLAYING || _model.state == jwplayer.api.events.state.BUFFERING) {
_controller.pause();
} else {
_controller.play();
}
}
_api.jwStop = _controller.stop;
_api.jwSeek = _controller.seek;
_api.jwPlaylistItem = _controller.item;
_api.jwPlaylistNext = _controller.next;
_api.jwPlaylistPrev = _controller.prev;
_api.jwResize = _controller.resize;
_api.jwLoad = _controller.load;
function _statevarFactory(statevar) {
return function() {
return _model[statevar];
};
}
_api.jwGetItem = _statevarFactory('item');
_api.jwGetPosition = _statevarFactory('position');
_api.jwGetDuration = _statevarFactory('duration');
_api.jwGetBuffer = _statevarFactory('buffer');
_api.jwGetWidth = _statevarFactory('width');
_api.jwGetHeight = _statevarFactory('height');
_api.jwGetFullscreen = _statevarFactory('fullscreen');
_api.jwSetFullscreen = _controller.setFullscreen;
_api.jwGetVolume = _statevarFactory('volume');
_api.jwSetVolume = _controller.setVolume;
_api.jwGetMute = _statevarFactory('mute');
_api.jwSetMute = _controller.setMute;
_api.jwGetStretching = _statevarFactory('stretching');
_api.jwGetState = _statevarFactory('state');
_api.jwGetVersion = function() {
return _api.version;
};
_api.jwGetPlaylist = function() {
return _model.playlist;
};
_api.jwAddEventListener = _controller.addEventListener;
_api.jwRemoveEventListener = _controller.removeEventListener;
_api.jwSendEvent = _controller.sendEvent;
_api.jwDockSetButton = function(id, handler, outGraphic, overGraphic) {
_model.plugins.object["dock"].setButton(id, handler, outGraphic, overGraphic);
}
//UNIMPLEMENTED
_api.jwGetLevel = function() {
};
_api.jwGetBandwidth = function() {
};
_api.jwGetLockState = function() {
};
_api.jwLock = function() {
};
_api.jwUnlock = function() {
};
function _finishLoad(model, view, controller) {
return function() {
model.loadPlaylist(model.config, true);
model.setupPlugins();
view.setup(model.getMedia().getDisplayElement());
var evt = {
id: _api.id,
version: _api.version
};
controller.sendEvent(jwplayer.api.events.JWPLAYER_READY, evt);
if (playerReady !== undefined) {
playerReady(evt);
}
if (window[model.config.playerReady] !== undefined) {
window[model.config.playerReady](evt);
}
model.sendEvent(jwplayer.api.events.JWPLAYER_PLAYLIST_LOADED, {
"playlist": model.playlist
});
controller.item(model.item);
};
}
if (_model.config.chromeless) {
setTimeout(_finishLoad(_model, _view, _controller), 25);
} else {
_api.skin.load(_model.config.skin, _finishLoad(_model, _view, _controller));
}
return _api;
};
})(jwplayer);