[TUTORIAL] Auto embed em vídeos do youtube

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Auto embed em vídeos do youtube

Mensagem por Ace em 09/11/13, 11:30 am



Vídeos

Um efeito muito útil, pois dá forma de vídeo aos links de vídeos do youtube postados nas mensagens do fórum.

--> Tutoriais, dicas e astúcias <--
Auto embed em vídeos do youtube



- Explorando o código:
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>"); 
          });   
        });
- Inserindo código .JS:
Primeiro devemos adicionar o codigo .JS que irá fazer tal efeito em nosso forum, então deveremos aceder a:
Painel de Controle -> Módulos -> HTML & JAVASCRIPT -> Gestão dos Códigos JavaScript -> Criar um novo Java Script

Seta Título - Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização - No investimento, você deverá selecionar "Em todas as páginas".
Seta Código JavaScript Código JavaScript
Seta Habilitar o gerenciamento dos códigos JavaScript - Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

  • Resultado:




© Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Auto embed em vídeos do youtube
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum