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
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)
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; |
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; |
Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior; |
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: