Converter links do youtube diretamente em videos |
Neste tutorial irei ensina-los como fazemos para que quando inserirmos algum LINK do youtube, mesmo sem as tags [flash], se transformar automaticamente em um video no fórum.
Funciona para todas as versões. |
--> Tutoriais, dicas e astúcias <--
Converter links do youtube diretamente em videos
Converter links do youtube diretamente em videos
1º - Códigos
Nós deveremos inserir o código a seguir em
Painel de controle >Modulos> Html & Javascript> Gestão dos códigos Javascript
E agora nós Criaremos um novo javascript
Título: Youtube_autoembedding
Investimento: Nos tópicos
Código Javascript:
Código:
jQuery(function(){
var ancho = "560";
var alto = "315";
jQuery('.postbody a[href*="youtube.com/watch"]').each(function(){
var ytid = jQuery(this).attr('href').split("v=")[1].split("&")[0];
jQuery(this).html("<iframe width="+ancho+" height="+alto+" src=http://www.youtube.com/embed/"+ytid+" frameborder=0 allowfullscreen></iframe><br>");
});
jQuery('.postbody a[href*="youtu.be/"]').each(function(){
var ytid = jQuery(this).attr('href').split("youtu.be/")[1].split("?")[0];
jQuery(this).html("<iframe width="+ancho+" height="+alto+" src=http://www.youtube.com/embed/"+ytid+" frameborder=0 allowfullscreen></iframe><br>");
});
});
2º - Resultado
Antes de inserir o código, quando colocávamos apenas os links do youtube sozinhos ficava assim:
Agora, depois de inserir o código ficará assim:
© SuporteDesign & Patrão
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Converter links do youtube diretamente em videos |