[TUTORIAL] Auto-embed em links do youtube

**T-Lord** · 1 [TUTORIAL] Auto-embed em links do youtube Sex 18 Jan 2013 - 8:34

Administrador

Mensagens : 9792
<b>Moedas</b>

Moedas : 234353
Reputação : 278

Auto-embed em links do youtube

Este
tutorial ensina a como fazer com que os links dos youtube postados no
seu fórum tornem-se videos automaticamente sem necessidade da tag
"[youtube]". Funciona em todas as versões.

--> Tutoriais, dicas e astúcias <--
Auto-embed em links do youtube

1º - Código utilizado:

Código:: jQuery(function(){jQuery('.postbody a:contains("youtube.com/watch?")').each(function(){a=jQuery(this).attr('href');b=a.split('http://www.youtube.com').join('').split('http://youtube.com').join('').split('/').join('').split('watch').join('').split('?').join('').split('v').join('').split('=').join('').split('&').join('').split('feature').join('').split('feedu').join('');jQuery(this).before("<iframe width=560 height=315 src=http://www.youtube.com/embed/"+b+" frameborder=0 allowfullscreen></iframe><br>")})});

2º - Inserindo o código JavaScript:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".

(carregue na imagem para aumentar)
[TUTORIAL] Auto-embed em links do youtube Atuali10

[TUTORIAL] Auto-embed em links do youtube 110111

[TUTORIAL] Auto-embed em links do youtube 398853

Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;

[TUTORIAL] Auto-embed em links do youtube 110210

Investimento - Escolha a opção "Em todas as páginas", para que a função não apresente erros na posição da coluna de perfis;

[TUTORIAL] Auto-embed em links do youtube 110310

Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;

[TUTORIAL] Auto-embed em links do youtube 110410

Confirmar
- Por fim, após adicionar o código, terá de clicar neste botão para
salvar a criação. Se você clicar em um outro botão ou em uma outra
seção, as mudanças não serão validadas.

3º - O resultado final:

[TUTORIAL] Auto-embed em links do youtube Xasd10

1 [TUTORIAL] Auto-embed em links do youtube Sex 18 Jan 2013 - 8:34