HELLO v3!!!
This commit is contained in:
Ryan Dewhurst
257
spec/fixtures/dynamic_finders/plugin_version/youtube-channel-gallery/script_comment/script.js
vendored
Normal file
257
spec/fixtures/dynamic_finders/plugin_version/youtube-channel-gallery/script_comment/script.js
vendored
Normal file
@@ -0,0 +1,257 @@
|
||||
/*------------------------------------------------------------
|
||||
Plugin Name: Youtube Channel Gallery
|
||||
Plugin URI: http://www.poselab.com/
|
||||
Version: 2.4
|
||||
Description: Show a youtube video and a gallery of thumbnails for a youtube channel.
|
||||
------------------------------------------------------------*/
|
||||
jQuery(document).ready(function($) {
|
||||
|
||||
var PAGE = {};
|
||||
//thumbnails
|
||||
var ytcplayer = {};
|
||||
$('.youtubechannelgallery').on('click', '.ytclink', function(e) {
|
||||
var $this = $(this);
|
||||
var iframeid = $(this).attr('data-playerid');
|
||||
var youtubeid = $(this).attr('href').split("watch?v=")[1];
|
||||
var quality = $(this).attr('data-quality');
|
||||
checkIfInView($('#' + iframeid));
|
||||
|
||||
ytcStopVideo(iframeid);
|
||||
ytcplayVideo (iframeid, youtubeid, quality);
|
||||
changePlayerContent ($this, youtubeid);
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
$('.popup-youtube').magnificPopup({
|
||||
disableOn: 700,
|
||||
type: 'iframe',
|
||||
mainClass: 'mfp-fade',
|
||||
removalDelay: 160,
|
||||
preloader: false,
|
||||
|
||||
fixedContentPos: false,
|
||||
gallery: {
|
||||
enabled:true
|
||||
}
|
||||
});
|
||||
|
||||
function ytcplayVideo (iframeid, youtubeid, quality) {
|
||||
if(iframeid in ytcplayer) {
|
||||
ytcplayer[iframeid].loadVideoById(youtubeid);
|
||||
}else{
|
||||
ytcplayer[iframeid] = new YT.Player(iframeid, {
|
||||
events: {
|
||||
'onReady': function(){
|
||||
ytcplayer[iframeid].loadVideoById(youtubeid);
|
||||
ytcplayer[iframeid].setPlaybackQuality(quality);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function ytcStopVideo(ifr) {
|
||||
$( 'iframe.ytcplayer:not(#' + ifr + ')' ).each( function() {
|
||||
var iframeid = $(this).attr('id');
|
||||
if(iframeid in ytcplayer) {
|
||||
var url = ytcplayer[iframeid].getVideoUrl();
|
||||
var youtubeid = url.split("watch?v=")[1];
|
||||
var videoUrl = 'http://www.youtube.com/v/' + youtubeid + '?version=3';
|
||||
if(ytcplayer[iframeid].getPlayerState() == 1){
|
||||
ytcplayer[iframeid].cueVideoByUrl(videoUrl);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function changePlayerContent (thumb, youtubeid) {
|
||||
var $widget = thumb.parents('.youtubechannelgallery'),
|
||||
wid = $widget.find('[id^=ytc-]').attr('id');
|
||||
|
||||
$.ajax({
|
||||
url: ytcAjax.ajaxurl,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'ytc_changePlayerContent',
|
||||
youtubeid: youtubeid,
|
||||
wid: wid
|
||||
},
|
||||
success: function(data) {
|
||||
|
||||
$widget.find('.ytcplayercontent').replaceWith(data);
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
//Scroll to element only if not in view - jQuery
|
||||
//http://stackoverflow.com/a/10130707/1504078
|
||||
function checkIfInView(element){
|
||||
if($(element).offset()){
|
||||
if($(element).offset().top < $(window).scrollTop()){
|
||||
//scroll up
|
||||
$('html,body').animate({scrollTop:$(element).offset().top - 50}, 500);
|
||||
}
|
||||
else if($(element).offset().top + $(element).height() > $(window).scrollTop() + (window.innerHeight || document.documentElement.clientHeight)){
|
||||
//scroll down
|
||||
$('html,body').animate({scrollTop:$(element).offset().top - (window.innerHeight || document.documentElement.clientHeight) + $(element).height() + 10}, 500);}
|
||||
}
|
||||
}
|
||||
|
||||
$('.youtubechannelgallery').on('click', '.ytc-paginationlink', function(e) {
|
||||
|
||||
var $this = $(this),
|
||||
$widget = $this.parents('.youtubechannelgallery'),
|
||||
token = $this.data('token'),
|
||||
playlist = $this.data('playlist'),
|
||||
cid = $this.data('cid'),
|
||||
wid = $widget.find('[id^=ytc-]').attr('id'),
|
||||
$search = $widget.find('.search-field'),
|
||||
$searchSelect = $widget.find('.search-select');
|
||||
|
||||
if (PAGE[wid]) {
|
||||
if ($this.hasClass('ytc-next')) {
|
||||
PAGE[wid] += 1;
|
||||
}
|
||||
else {
|
||||
PAGE[wid] -= 1;
|
||||
}
|
||||
}
|
||||
else {
|
||||
PAGE[wid] = 2;
|
||||
}
|
||||
e.stopImmediatePropagation();
|
||||
|
||||
$.ajax({
|
||||
url: ytcAjax.ajaxurl,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'ytc_next',
|
||||
wid: wid,
|
||||
token: token,
|
||||
cid: cid,
|
||||
playlist: playlist,
|
||||
search: $search.length ? $search.val() : '',
|
||||
tag: $searchSelect.length ? $searchSelect.val() : ''
|
||||
},
|
||||
success: function(data) {
|
||||
|
||||
$widget.find('.ytc-thumbnails').html(data);
|
||||
|
||||
$widget.find('.ytc-currentpage').html(PAGE[wid]);
|
||||
|
||||
$('.popup-youtube').magnificPopup({
|
||||
disableOn: 700,
|
||||
type: 'iframe',
|
||||
mainClass: 'mfp-fade',
|
||||
removalDelay: 160,
|
||||
preloader: false,
|
||||
|
||||
fixedContentPos: false,
|
||||
gallery: {
|
||||
enabled:true
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
return true;
|
||||
});
|
||||
|
||||
$('.youtubechannelgallery').on('keyup blur', '.search-field', function(e) {
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
if (e.type === 'blur' || e.type === 'focusout' || (e.type === 'keyup' && e.which === 13)) {
|
||||
|
||||
var $widget = $this.parents('.youtubechannelgallery'),
|
||||
wid = $widget.find('[id^=ytc-]').attr('id'),
|
||||
cid = $this.data('cid'),
|
||||
tag = $widget.find('.search-select').val();
|
||||
|
||||
$.ajax({
|
||||
url: ytcAjax.ajaxurl,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'ytc_search',
|
||||
wid: wid,
|
||||
cid: cid,
|
||||
q: this.value,
|
||||
tag: tag
|
||||
},
|
||||
success: function(data) {
|
||||
|
||||
if (data === '') {
|
||||
$this.val('');
|
||||
return;
|
||||
}
|
||||
|
||||
$widget.find('.ytc-thumbnails').html(data);
|
||||
|
||||
$('.popup-youtube').magnificPopup({
|
||||
disableOn: 700,
|
||||
type: 'iframe',
|
||||
mainClass: 'mfp-fade',
|
||||
removalDelay: 160,
|
||||
preloader: false,
|
||||
|
||||
fixedContentPos: false,
|
||||
gallery: {
|
||||
enabled:true
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
return true;
|
||||
});
|
||||
|
||||
$('.youtubechannelgallery').on('change', '.search-select', function(e) {
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
var $widget = $this.parents('.youtubechannelgallery'),
|
||||
wid = $widget.find('[id^=ytc-]').attr('id'),
|
||||
cid = $this.data('cid'),
|
||||
$search = $widget.find('.search-field');
|
||||
|
||||
$.ajax({
|
||||
url: ytcAjax.ajaxurl,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'ytc_search',
|
||||
wid: wid,
|
||||
cid: cid,
|
||||
q: $search.length ? $search.val() : '',
|
||||
tag: $this.val()
|
||||
},
|
||||
success: function(data) {
|
||||
|
||||
if (data === '') {
|
||||
$this.val('');
|
||||
return;
|
||||
}
|
||||
|
||||
$widget.find('.ytc-thumbnails').html(data);
|
||||
|
||||
$('.popup-youtube').magnificPopup({
|
||||
disableOn: 700,
|
||||
type: 'iframe',
|
||||
mainClass: 'mfp-fade',
|
||||
removalDelay: 160,
|
||||
preloader: false,
|
||||
|
||||
fixedContentPos: false,
|
||||
gallery: {
|
||||
enabled:true
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
return true;
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user