Rivière sur tubes
Le parc aquatique vous invite en ballade sur tube au pays des dinosaures.
Viens t’amuser avec nous!
var reslider14 = {
id: '14',
name: 'riviere sur tubes',
params:JSON.parse('{"autoplay":1,"pauseonhover":0,"effect":{"type":0,"duration":1500,"interval":3000},"thumbnails":{"show":0,"positioning":0},"custom":{"type":"button","show":1,"style":{"width":"100","height":"50","left":"100px","top":"200px","color":"000000","opacity":"50","font":{"size":"14"},"border":{"color":"3478FF","width":"2","radius":"10"},"background":{"color":"E8FF81","hover":"30FF4F"}}},"title":{"show":0,"position":"1","style":{"width":150,"height":50,"left":"10px","top":"20px","color":"FFFFFF","opacity":70,"font":{"size":16},"border":{"color":"FFFFFF","width":0,"radius":2},"background":{"color":"CCCCCC","hover":"000000"}}},"description":{"show":0,"position":"1","style":{"width":200,"height":60,"left":"170px","top":"20px","color":"FFFFFF","opacity":70,"font":{"size":14},"border":{"color":"FFFFFF","width":0,"radius":2},"background":{"color":"CCCCCC","hover":"000000"}}},"arrows":{"show":2,"type":1,"style":{"background":{"width":"49","height":"49","left":"91px 46px","right":"-44px 1px","hover":{"left":"91px 46px","right":"-44px 1px"}}}},"bullets":{"show":2,"type":"0","position":0,"autocenter":"0","rows":1,"s_x":10,"s_y":10,"orientation":1,"style":{"background":{"width":"60","height":"60","color":{"hover":646464,"active":"30FF4F","link":"CCCCCC"}},"position":{"top":"16px","left":"10px"}}}}'),
style:JSON.parse('{"background":"blue;","border":"1px solid red;","color":"yellow","width":"800","height":"600","marginLeft":"0","marginRight":"0","marginTop":"0","marginBottom":"0"}'),
custom:JSON.parse('{}'),
count: '4',
slides:{}
};
reslider14['slides']['slide'+'151'] = {};
reslider14['slides']['slide'+'151']['id'] = '151';
reslider14.slides['slide'+'151']['title'] = 'riviere sur tube complexe atlantide-pp';
reslider14.slides['slide'+'151']['description'] = '';
reslider14.slides['slide'+'151']['image_link'] = '';
reslider14.slides['slide'+'151']['url'] = 'https://www.parc-aquatique.com/wp-content/uploads/2018/07/riviere-sur-tube-complexe-atlantide-pp.jpg';
reslider14.slides['slide'+'151']['type'] = '';
reslider14.slides['slide'+'151']['custom'] = JSON.parse('{}');
reslider14['slides']['slide'+'157'] = {};
reslider14['slides']['slide'+'157']['id'] = '157';
reslider14.slides['slide'+'157']['title'] = 'riviere sur tube-camping familial-complexe atlatide';
reslider14.slides['slide'+'157']['description'] = '';
reslider14.slides['slide'+'157']['image_link'] = '';
reslider14.slides['slide'+'157']['url'] = 'https://www.parc-aquatique.com/wp-content/uploads/2023/01/riviere-sur-tube-camping-familial-complexe-atlatide.jpg';
reslider14.slides['slide'+'157']['type'] = '';
reslider14.slides['slide'+'157']['custom'] = JSON.parse('{}');
reslider14['slides']['slide'+'156'] = {};
reslider14['slides']['slide'+'156']['id'] = '156';
reslider14.slides['slide'+'156']['title'] = 'riviere tranquille-camping familial-complexe atlatide';
reslider14.slides['slide'+'156']['description'] = '';
reslider14.slides['slide'+'156']['image_link'] = '';
reslider14.slides['slide'+'156']['url'] = 'https://www.parc-aquatique.com/wp-content/uploads/2023/01/riviere-tranquille-camping-familial-complexe-atlatide.jpg';
reslider14.slides['slide'+'156']['type'] = '';
reslider14.slides['slide'+'156']['custom'] = JSON.parse('{}');
reslider14['slides']['slide'+'147'] = {};
reslider14['slides']['slide'+'147']['id'] = '147';
reslider14.slides['slide'+'147']['title'] = 'parc aquatique-atlantide-riviere sur tubes-8';
reslider14.slides['slide'+'147']['description'] = '';
reslider14.slides['slide'+'147']['image_link'] = '';
reslider14.slides['slide'+'147']['url'] = 'https://www.parc-aquatique.com/wp-content/uploads/2018/07/parc-aquatique-atlantide-riviere-sur-tubes-8.jpg';
reslider14.slides['slide'+'147']['type'] = '';
reslider14.slides['slide'+'147']['custom'] = JSON.parse('{}');
div[class*=videoCover], div[id*=videoCover] {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}
img[class*=video_cover] {
position: absolute;
width: 100%;
height: 100%;
}
.youtube_play_icon {
background: url(https://www.parc-aquatique.com/wp-content/plugins/slider-pro-master/images/play.youtube.png) center center no-repeat;
background-size: 9% 10%;
}
.vimeo_play_icon {
background: url(https://www.parc-aquatique.com/wp-content/plugins/slider-pro-master/images/play.vimeo.png) center center no-repeat;
background-size: 9% 10%;
}
/*div[class*=videoCover] {
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
z-index: 1;
transform: perspective(2000px);
width: 100%;
height: 100%;
}*/
#slider14_container {
margin: 0 auto;
margin-bottom: 10px;
position: relative;
top: 0;
left: 0;
display: none;
overflow:hidden;
}
#slider14_container .reslide_slides img {
display: none;
}
#slider14_container .reslide_loading {
position: absolute;
top: 0;
left: 0;
}
#slider14_container .reslide_loading > div {
width:100%;
height:100%;
position: absolute;
background: #ccc;
}
#slider14_container .reslide_slides {
width: 800px;
height: 600px;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
cursor: move;
}
/*Title and description defaults ***/
#slider14_container .reslidetitle,#slider14_container .reslidedescription {
position: absolute;
overflow: hidden;
z-index: 2;
}
#slider14_container .reslidetitle > div ,#slider14_container .reslidedescription > div {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
font-size: 14px;
}
#slider14_container .reslidetitle > span ,#slider14_container .reslidedescription > span {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
padding: 10px;
}
/*Title styles ***/
#slider14_container .reslidetitle {
width: 150px;
height: 50px;
top: 20px;
left: 10px;
border: 0px solid #FFFFFF;
border-radius: 2px;
}
#slider14_container .reslidetitle > div {
background: #CCCCCC;
opacity: 0.7;
filter: alpha(opacity=70);
}
#slider14_container .reslidetitle > span {
padding: 10px;
text-align: center;
font-size: 16px;
background: #CCCCCC;
color: #FFFFFF;
}
#slider14_container .reslidetitle > span:hover {
background: #000000;
}
/*Description styles ***/
#slider14_container .reslidedescription {
width: 200px;
height: 60px;
top: 20px;
left: 170px;
border: 0px solid #FFFFFF;
border-radius: 2px;
}
#slider14_container .reslidedescription > div {
background: #CCCCCC;
opacity: 0.7;
filter: alpha(opacity=70);
}
#slider14_container .reslidedescription > span:hover {
background: #000000;
}
#slider14_container .reslidedescription > span {
font-size: 14px;
color: #FFFFFF;
}
/* slide static elements ***/
#slider14_container #slider14_container .reslide_any {
width: 100px;
height: 26px;
position: absolute;
top: 10px;
left: 400px;
}
/* Sliders Customs Statics***/
/*** navigator ***/
#slider14_container .reslide_navigator {
position: absolute;
}
#slider14_container .reslide_navigator div,#slider14_container .reslide_navigator div:hover,#slider14_container .reslide_navigator .av {
position: absolute;
/* size of bullet elment */
width: 12px;
height: 12px;
border-radius: 10px;
filter: alpha(opacity=70);
opacity: .7;
overflow: hidden;
cursor: pointer;
border: #4B4B4B 1px solid;
}
#slider14_container .reslide_navigator div { background-color: #CCCCCC; }
body #slider14_container .reslide_navigator div:hover { background-color:#646464; }
#slider14_container .reslide_navigator .reslide_dotav {background-color: #74B8CF !important; border: #fff 1px solid; }
#slider14_container .reslide_navigator .dn,#slider14_container .reslide_navigator .dn:hover { background-color: #555555; }
/* arrows */
#slider14_container .reslide_arrow_left,#slider14_container .reslide_arrow_right {
display: block;
position: absolute;
/* size of arrow element */
width: 49px;
height: 49px;
cursor: pointer;
background-image: url(https://www.parc-aquatique.com/wp-content/plugins/slider-pro-master/Front_images/arrows/arrows-1.png);
overflow: hidden;
z-index: 9999;
}
#slider14_container .reslide_arrow_left { background-position: 91px 46px; }
#slider14_container .reslide_arrow_left:hover { background-position: 91px 46px; }
#slider14_container .reslide_arrow_right { background-position: -44px 1px; }
#slider14_container .reslide_arrow_right:hover { background-position: -44px 1px; }
#slider14_container .reslide_arrow_left.reslide_arrow_leftdn { background-position: 91px 46px; }
#slider14_container .reslide_arrow_right.reslide_arrow_rightdn { background-position: -44px 1px; }
/* thumbnail */
.reslide-thumbnail14 {
position: absolute;
/* size of thumbnail navigator container */
height: 60px;
width: 800px;
z-index: 1;
}
#slider14_container .reslide-thumbnail14 > div {
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
max-width: 790px;
}
#slider14_container .reslide-thumbnail14 .p {
position: absolute;
top: 0;
left: 0;
/* max-width: 62px;*/
height: 32px;
}
#slider14_container .reslide-thumbnail14 .t {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
#slider14_container .reslide-thumbnail14 .w,#slider14_container .reslide-thumbnail14 .pav:hover .w {
position: absolute;
/* max-width: 60px;*/
height: 30px;
box-sizing: border-box;
border: #0099FF 1px solid;
}
#slider14_container .reslide-thumbnail14 .pdn .w,#slider14_container .reslide-thumbnail14 .pav .w {
border-style: dashed;
}
#slider14_container .reslide-thumbnail14 .c {
position: absolute;
top: 0;
left: 0;
/* max-width: 62px;*/
height: 30px;
background-color: #000;
filter: alpha(opacity=45);
opacity: .45;
transition: opacity .6s;
-moz-transition: opacity .6s;
-webkit-transition: opacity .6s;
-o-transition: opacity .6s;
}
#slider14_container .reslide-thumbnail14 .p:hover .c, #slider14_container .reslide-thumbnail14 .pav .c {
filter: alpha(opacity=0);
opacity: 0;
}
#slider14_container .reslide-thumbnail14 .p:hover .c {
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
* html #slider14_container .reslide-thumbnail14 .w {
width /**/: 62px;
height /**/: 32px;
}
var $PlayCondition = 1;
var c_slider14;
init_c_slider14 = function (containerId) {
switch(reslider14["params"]["effect"]["type"]) {
case 0:
var reslide_effect = {$Duration:reslider14["params"]["effect"]["duration"],$Opacity:2,$Brother:{$Duration:1000,$Opacity:2}};
break;
case 1:
reslide_effect = {$Duration:reslider14["params"]["effect"]["duration"],x:-0.3,y:0.5,$Zoom:1,$Rotate:0.1,$During:{$Left:[0.6,0.4],$Top:[0.6,0.4],$Rotate:[0.6,0.4],$Zoom:[0.6,0.4]},$Easing:{$Left:$JssorEasing$.$EaseInQuad,$Top:$JssorEasing$.$EaseInQuad,$Opacity:$JssorEasing$.$EaseLinear,$Rotate:$JssorEasing$.$EaseInQuad},$Opacity:2,$Brother:{$Duration:1000,$Zoom:11,$Rotate:-0.5,$Easing:{$Opacity:$JssorEasing$.$EaseLinear,$Rotate:$JssorEasing$.$EaseInQuad},$Opacity:2,$Shift:200}};
break;
case 2:
reslide_effect = {$Duration:reslider14["params"]["effect"]["duration"],x:0.25,$Zoom:1.5,$Easing:{$Left:$JssorEasing$.$EaseInWave,$Zoom:$JssorEasing$.$EaseInSine},$Opacity:2,$ZIndex:-10,$Brother:{$Duration:1400,x:-0.25,$Zoom:1.5,$Easing:{$Left:$JssorEasing$.$EaseInWave,$Zoom:$JssorEasing$.$EaseInSine},$Opacity:2,$ZIndex:-10}}
break;
case 3:
reslide_effect ={$Duration:reslider14["params"]["effect"]["duration"],x:0.5,$Cols:2,$ChessMode:{$Column:3},$Easing:{$Left:$JssorEasing$.$EaseInOutCubic},$Opacity:2,$Brother:{$Duration:1500,$Opacity:2}}
break;
case 4:
reslide_effect ={$Duration:reslider14["params"]["effect"]["duration"],x:-0.1,y:-0.7,$Rotate:0.1,$During:{$Left:[0.6,0.4],$Top:[0.6,0.4],$Rotate:[0.6,0.4]},$Easing:{$Left:$JssorEasing$.$EaseInQuad,$Top:$JssorEasing$.$EaseInQuad,$Opacity:$JssorEasing$.$EaseLinear,$Rotate:$JssorEasing$.$EaseInQuad},$Opacity:2,$Brother:{$Duration:1000,x:0.2,y:0.5,$Rotate:-0.1,$Easing:{$Left:$JssorEasing$.$EaseInQuad,$Top:$JssorEasing$.$EaseInQuad,$Opacity:$JssorEasing$.$EaseLinear,$Rotate:$JssorEasing$.$EaseInQuad},$Opacity:2}}
break;
case 5:
reslide_effect ={$Duration:reslider14["params"]["effect"]["duration"],x:-1,y:-0.5,$Delay:50,$Cols:8,$Rows:4,$Formation:$JssorSlideshowFormations$.$FormationSquare,$Easing:{$Left:$JssorEasing$.$EaseSwing,$Top:$JssorEasing$.$EaseInJump},$Assembly:260,$Round:{$Top:1.5}}
break;
case 6:
reslide_effect ={$Duration:reslider14["params"]["effect"]["duration"],$Delay:30,$Cols:8,$Rows:4,$Clip:15,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Easing:$JssorEasing$.$EaseOutQuad,$Assembly:2049}
break;
case 7:
reslide_effect ={$Duration:reslider14["params"]["effect"]["duration"],x:-1,$Easing:$JssorEasing$.$EaseInQuad};
break;
}
// reslide_effect ={$Duration:1000,$Delay:30,$Cols:8,$Rows:4,$Clip:15,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Easing:$JssorEasing$.$EaseOutQuad,$Assembly:2049}
var _SlideshowTransitions = [
reslide_effect
];
if(!reslider14['params']['thumbnails']['positioning']) {
var thumbnailsCount = Math.ceil(reslider14.count-1);
}
else {
var thumbnailsCount = Math.ceil(reslider14.count);
}
var options = {
$AutoPlay: (reslider14["params"]["autoplay"]==1)?true:false, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
$SlideDuration: 500,
$AutoPlayInterval: reslider14["params"]["effect"]["interval"],
$PauseOnHover: reslider14["params"]["pauseonhover"],
$BulletNavigatorOptions: { //[Optional] Options to specify and enable navigator or not
$Class: $JssorBulletNavigator$, //[Required] Class to create navigator instance
$ChanceToShow: reslider14["params"]["bullets"]["show"], //[Required] 0 Never, 1 Mouse Over, 2 Always
$AutoCenter: reslider14["params"]["bullets"]["autocenter"], //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
$Steps: 1, //[Optional] Steps to go for each navigation request, default value is 1
$Rows: reslider14["params"]["bullets"]["rows"], //[Optional] Specify lanes to arrange items, default value is 1
$SpacingX: reslider14["params"]["bullets"]["s_x"], //[Optional] Horizontal space between each item in pixel, default value is 0
$SpacingY: reslider14["params"]["bullets"]["s_y"], //[Optional] Vertical space between each item in pixel, default value is 0
$Orientation: reslider14["params"]["bullets"]["orientation"] //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
},
$ArrowNavigatorOptions: { //[Optional] Options to specify and enable arrow navigator or not
$Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
$ChanceToShow: reslider14["params"]["arrows"]["show"], //[Required] 0 Never, 1 Mouse Over, 2 Always
$AutoCenter: 2, //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
$Steps: 1 //[Optional] Steps to go for each navigation request, default value is 1
},
$SlideshowOptions: { //[Optional] Options to specify and enable slideshow or not
$Class: $JssorSlideshowRunner$, //[Required] Class to create instance of slideshow
$Transitions: _SlideshowTransitions, //[Required] An array of slideshow transitions to play slideshow
$TransitionsOrder: 1, //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
$ShowLink: true //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
} ,
$ThumbnailNavigatorOptions: {
$Class: $JssorThumbnailNavigator$, //[Required] Class to create thumbnail navigator instance
$ChanceToShow: reslider14["params"]["thumbnails"]["show"], //[Required] 0 Never, 1 Mouse Over, 2 Always
$ActionMode: 1, //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
$AutoCenter: 0, //[Optional] Auto center thumbnail items in the thumbnail navigator container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 3
$Rows: 1, //[Optional] Specify lanes to arrange thumbnails, default value is 1
$SpacingX: 3, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
$SpacingY: 3, //[Optional] Vertical space between each thumbnail in pixel, default value is 0
$Cols: thumbnailsCount, //[Optional] Number of pieces to display, default value is 1
$ParkingPosition: 0, //[Optional] The offset position to park thumbnail
$Orientation: 1, //[Optional] Orientation to arrange thumbnails, 1 horizental, 2 vertical, default value is 1
$NoDrag: false //[Optional] Disable drag or not, default value is false
}
};
c_slider14 = new $JssorSlider$(containerId, options);
};
jQuery(function($){
(function initReslideSlider() {
/*** ####bullets#### ***/
var css_bullets_obj, css_bullets;
switch(+reslider14["params"]["bullets"]["position"]) {
case 0:
reslider14["params"]["bullets"]["autocenter"] = 0;
css_bullets_obj = {"left":reslider14["params"]["bullets"]["style"]["position"]["left"],"top":reslider14["params"]["bullets"]["style"]["position"]["top"]};
css_bullets= "left:"+reslider14["params"]["bullets"]["style"]["position"]["left"]+";top:"+reslider14["params"]["bullets"]["style"]["position"]["top"];
break;
case 1:
reslider14["params"]["bullets"]["autocenter"] = 1;
css_bullets_obj = {"right":"","top":reslider14["params"]["bullets"]["style"]["position"]["top"],"left":"","bottom":""};
css_bullets = "top:"+reslider14["params"]["bullets"]["style"]["position"]["top"];
break;
case 2:
reslider14["params"]["bullets"]["autocenter"] = 0;
css_bullets_obj = {"right":reslider14["params"]["bullets"]["style"]["position"]["right"],"top":reslider14["params"]["bullets"]["style"]["position"]["top"]};
css_bullets = "right:"+reslider14["params"]["bullets"]["style"]["position"]["right"]+";top:"+reslider14["params"]["bullets"]["style"]["position"]["top"];
break;
case 3:
reslider14["params"]["bullets"]["autocenter"] = 2;
css_bullets_obj = {"right":"","top":"","left":reslider14["params"]["bullets"]["style"]["position"]["left"],"bottom":""};
css_bullets = "left:"+reslider14["params"]["bullets"]["style"]["position"]["left"];
break;
case 4:
reslider14["params"]["bullets"]["autocenter"] = 3;
css_bullets_obj = {"right":"","top":"","left":"","bottom":""};
css_bullets = "";
break;
case 5:
reslider14["params"]["bullets"]["autocenter"] = 2;
css_bullets_obj = {"right":reslider14["params"]["bullets"]["style"]["position"]["right"],"top":"","left":"","bottom":""};
css_bullets = "right:"+reslider14["params"]["bullets"]["style"]["position"]["right"];
break;
case 6:
reslider14["params"]["bullets"]["autocenter"] = 0;
css_bullets_obj = {"left":reslider14["params"]["bullets"]["style"]["position"]["left"],"bottom":reslider14["params"]["bullets"]["style"]["position"]["bottom"]};
css_bullets = "left:"+reslider14["params"]["bullets"]["style"]["position"]["left"]+";bottom:"+reslider14["params"]["bullets"]["style"]["position"]["bottom"];
break;
case 7:
reslider14["params"]["bullets"]["autocenter"] = 1;
css_bullets_obj = {"left":"","bottom":reslider14["params"]["bullets"]["style"]["position"]["bottom"],"right":""};
css_bullets = "bottom:"+reslider14["params"]["bullets"]["style"]["position"]["bottom"];
break;
case 8:
reslider14["params"]["bullets"]["autocenter"] = 0;
css_bullets_obj = {"left":"","bottom":reslider14["params"]["bullets"]["style"]["position"]["bottom"],"right":reslider14["params"]["bullets"]["style"]["position"]["right"]};
css_bullets = "bottom:"+reslider14["params"]["bullets"]["style"]["position"]["bottom"]+";right:"+reslider14["params"]["bullets"]["style"]["position"]["right"];
break;
}
_reslide.find('#slider14_container','.reslide_navigator')[0].addStyle(css_bullets);
if(reslider14.count) {
var thubmnailCWidth = jQuery('.reslide-thumbnail14').width();
var thumbWidth = thubmnailCWidth/reslider14.count;
if(reslider14['params']['thumbnails']['positioning'])
jQuery('.reslide-thumbnail14 .c,.reslide-thumbnail14 .p,.reslide-thumbnail14 .w').width(thumbWidth-4);
else {
jQuery('.reslide-thumbnail14 .c,.reslide-thumbnail14 .p,.reslide-thumbnail14 .w').width(58);
jQuery('.reslide-thumbnail14 .w').width(56);
jQuery('.reslide-thumbnail14 > div').css('max-width',(jQuery('.reslide-thumbnail14').width()-20)+'px');//width(58);
var walk = jQuery('.reslide-thumbnail14').width()-20;
var walkcount = Math.floor(walk/61)-1;
walk = walkcount* 61-3;
jQuery('.reslide-thumbnail14 > div').css('max-width',walk+'px');
}
}
jQuery('#slider14_container .reslide_slides img').css('display','block');
init_c_slider14("slider14_container");
})();
function ScaleSlider() {
var parentWidth = $('#slider14_container').parent().width();
jQuery('#slider14_container').css('display','block');
if (parentWidth) {
if(parentWidth div').css('overflow','hidden');
} else {
c_slider14.$ScaleWidth(reslider14['style']['width']);
}
}
else
window.setTimeout(ScaleSlider, 10);
}
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
});
var tag = document.createElement('script');
tag.src = "//www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var playerInfoList = [], YTplayer = {}, i;
jQuery('.huge_it_youtube_iframe').each(function(){
var id = jQuery(this).attr('id'),
_this = jQuery(this).parent().find('img').attr('src'),
index = _this.indexOf('vi/') + 3,
videoId = _this.slice(index, index + 11),
playButton = jQuery(this).parent().find('div[class*=youtube_play_icon]'),
controls = jQuery(this).attr('data-controls'),
showinfo = jQuery(this).attr('data-showinfo'),
rel = jQuery(this).attr('data-rel');
YTplayer[i] = {
id:id,
videoId: videoId,
playButton: playButton,
controls: controls,
showinfo: showinfo,
rel: rel
};
playerInfoList.push(YTplayer[i]);
i++;
});
function onYouTubeIframeAPIReady() {
if(typeof playerInfoList === 'undefined')
return;
for(var i = 0; i < playerInfoList.length; i++) {
createPlayer(playerInfoList[i]);
}
}
function createPlayer(playerInfo) {
var _player = new YT.Player(playerInfo.id, {
width: 800,
height: 600,
videoId: playerInfo.videoId,
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
},
playerVars: {
'controls': playerInfo.controls,
'showinfo': playerInfo.showinfo,
'rel': playerInfo.rel
}
});
function onPlayerReady(e) {
var playButton = playerInfo.playButton,
nextButton = jQuery('.reslide_arrow_right'),
prevButton = jQuery('.reslide_arrow_left');
playButton.on("click", function() {
_player.playVideo();
jQuery(this).css({display : 'none'});
jQuery(this).parent().find('img[class*=video_cover]').css({display : 'none'});
c_slider14.$Pause();
nextButton.on('click', function(){
_player.pauseVideo();
c_slider14.$Play();
});
prevButton.on('click', function(){
_player.pauseVideo();
c_slider14.$Play();
});
});
e.target.setPlaybackQuality('small');
}
function onPlayerStateChange(e) {
if(e.data === 0) {
c_slider14.$Play();
}
}
return _player;
}
jQuery('iframe.huge_it_vimeo_iframe').each(function(){
Froogaloop(this).addEvent('ready', ready);
});
function ready(player_id) {
var froogaloop = $f(player_id),
playButton = jQuery('div[class*=vimeo_play_icon]'),
arrows = jQuery('.reslide_arrow_left, .reslide_arrow_right');
playButton.on('click', function(e) {
var vid = jQuery(this).parent().find('iframe').attr('id');
froogaloop = $f(vid);
froogaloop.api('play');
jQuery(this).css({display : 'none'});
jQuery(this).parent().find('img[class*=video_cover]').css({display : 'none'});
});
arrows.on('click', function(){
froogaloop.api('pause');
});
froogaloop.addEvent('ready', function() {
froogaloop.addEvent('finish', onFinish);
});
function onFinish(id) {
c_slider14.$Play();
}
}
jQuery('div[class*=youtube_play_icon], div[class*=vimeo_play_icon]').on('click', function(e) {
c_slider14.$Pause();
});
jQuery('.reslide_arrow_left, .reslide_arrow_right').on('click', function(){
c_slider14.$Play();
});