Pausar Slider JS quando aparecer um vídeo

[Donizeti Junior Ferraz 2]

Olá,

Tenho um simples slider com jquery, e nesse meu slider tem imagens, textos e vídeos na transição.

gostaria de saber se tem algum método de quando aparecer um vídeo, o slider parar e deixar o vídeo iniciar, e quando o vídeo terminar então ir para o próximo slide....

tenho todas as informações, até o tempo de cada vídeo, só não sei fazer a "mágica".

alguém saberia?

 

código js do slider:

(document).ready(function(){
$("#slide li:eq(0)").addClass("ativo").show();


function slide(){
if($(".ativo").next().size()){
$(".ativo").fadeOut().removeClass("ativo").next().fadeIn().addClass("ativo");
}else{
$(".ativo").fadeOut().removeClass("ativo");
$("#slide li:eq(0)").fadeIn().addClass("ativo");
}


}
setInterval(slide, $(".ativo").attr("value"));
});

[William Bruno 1501]

Para "parar" vc tem q usar um clearInterval()

 

mas para identificar se está exibindo o vídeo, ai vc precisa ler o HTML do elemento ".ativo" e ver se o conteúdo é ou não de um vídeo. Se for, use o clearInterval.

 

Pensei nisso para te ajudar a fazer.

[Donizeti Junior Ferraz 2]

William Bruno, obrigado pela sua ajuda, sou muito leigo em JS, se eu definisse um id por exemplo no vídeo seria algo parecido?

if($("#video1")){
    clearInterval(slide);
    setInterval(slide, 9000);
}

[Donizeti Junior Ferraz 2]

Consegui resolver, depois de dar uma estudar um pouco o assunto na internet, vi que o próprio plugin tinha uma opção para esses caso. ficou assim:

$(document).ready(function() {
		
	$('.container').cycle({
		
		fx:      'fade',
		
		timeoutFn: function(currSlideElement, nextSlideElement, options, forwardFlag) { 
    		return parseInt($(currSlideElement).attr('data-duration'))*1000;
    	}
		
	});	

}); 

com a opção timeouFn, eu consegui fazer uma função que pega o valor especifico de cada slide em um atributo html chamado data-duration. nesse atributo eu coloco o tempo diferente de cada slide.