Fancybox dinâmico

[Taynara Jaegger da Silva]

Gostaria de fazer um fancybox mais dinâmico,

Pretendo colocar na url que chama o modal com video, um data-toggle para chamar a modal , o mais complicado é inserir essas informações, colocar um data-type que pode ser youtube ou dailymotion e um data-id para o video.

Dentro do modal vai renderizar o iframe de acordo com o tipo de video, exemplo, youtube é uma url de iframe e dailymotion é outra.

Como posso fazer isso? Ou ao menos um ponto de inicio.

--

Taynara Jaegger da Silva
Analista de Interfaces
Especialista em Arquitetura da Informação - PUC

tayn...@gmail.com
21-982496926

[Taynara Jaegger da Silva]

Alguém?

[Ramon José Silva]

Dificil não é Taynara.

Você terá que pegar esses valores que você irá passar no link do modal e informar isso para o seu JS.

Você precisará armazenar os links ou códigos dos iframes em uma variável, assim quando você passar o id do vídeo ou url e o tipo de vídeo, bastará procurar dentro da sua variável, array ou algo do tipo o código HTML do iframe correspondente e passar o seu id junto, assim quando montar o iframe, já montará com o id do vídeo junto.

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

--

Ramon José Silva 

(11) 2867-9411 / (11) 9 6090-8045

[felipe huggler]

Falae dona taynara!!!

O proprio fancybox ja tem essas opcoes.

Oque vc pode fazer eh um extend de uma funcao.

Ex: $("[open-modal]").modal();

E ai na sua função modal vc faz os seus tratamentos e chama seu fancybox.

Isso eh como se fosse um proxy, e o dia que vc quiser alterar de fancybox pra outro plugin, vc muda num lugar só!!!!

--

[Taynara Jaegger da Silva]

Pessoal, boa tarde..

Fiz algo na mão, mas acabei de perceber que eles não reenderizam como embed.

Eu acho que eu teria que buscar alguma propriedade do fancybox, não estou conseguindo encaixar isso.

O meu código foi assim:

(".fancybox-media").click(function(){

var urlvid = $(this).attr('data-vid');

var urltype = $(this).attr('data-type');

if( urltype=='youtube'){

var urlcomp ='https://www.youtube.com/watch?v=';

}

else{

var urlcomp ='//www.dailymotion.com/embed/video/'+urlvid+'?autoPlay=1';

}

var urltotal = urlcomp+urlvid;

   $.fancybox({

        'href' : urltotal ,

         helpers : {

      media : {}

   }

   });

})

[Taynara Jaegger da Silva]

Em:

else{

var urlcomp ='//www.dailymotion.com/embed/video/'+urlvid+'?autoPlay=1';

}

Foi um teste, na verdade o código está "'//www.dailymotion.com/embed/video/" 

[Taynara Jaegger da Silva]

Desculpe, não posso colocar codigo no corpo. O código usado foi este aqui: https://jsfiddle.net/taynaraj/3uL7L5cr/