Link Youtube vira video

Detalhes da questão

Endereço do fórum: http://bithelp.forumeiros.com
Versão do fórum: ModernBB

Descrição

Galera testei todos os Tutorial que fala, tipo quando coloca o link do youtube no tópico ou mensagem já aparece o vídeo. o meu eu testei e não funcionou nenhum dos que tem aqui. alguém poderia me passa 1 que de certo.

Boa tarde,

Geralmente todos os editores de texto da forumeiros têm um botão para inserir um vídeo para o YouTube:
-> Veja um exemplo aqui.

[...] tutorial que fala [...]

A qual tutorial o senhor se refere?

o/

todos quem tem aqui. O da imagem pega normal mais tipo. Quando coloca a url do video do youtube, ele ja Carrega no vídeo no tópico.

Poderia explicar melhor o que deseja fazer? Estou meio confuso.

paulim78 escreveu:todos quem tem aqui. O da imagem pega normal mais tipo. Quando coloca a url do video do youtube, ele ja Carrega no vídeo no tópico.

Olá!

Isso é bastante fácil de fazer e é feito com as balizas BBCode.
Para adicionar um URL do Youtube e abrir diretamente um vídeo, basta você ir na área onde você escreve o seu post/mensagem e procurar nas opções de BBCode um símbolo do Youtube (Print 01). Feito isso, clique nele, copie o link diretamente do youtube e cole na caixa que irá abrir (Print 02 - Vermelho). Feito isso, clique em Inserir (Print 02 - Azul) e feito! Caso prefira fazer isso por escrita, basta digitar:

Código:

[youtube](CÓDIGO DO LINK APÓS A BARRA)[/youtube]

PRINTS: https://imgur.com/a/pwcSE.


Espero ter ajudado!
o/

Chanp escreveu:

paulim78 escreveu:todos quem tem aqui. O da imagem pega normal mais tipo. Quando coloca a url do video do youtube, ele ja Carrega no vídeo no tópico.

Olá!

Isso é bastante fácil de fazer e é feito com as balizas BBCode.
Para adicionar um URL do Youtube e abrir diretamente um vídeo, basta você ir na área onde você escreve o seu post/mensagem e procurar nas opções de BBCode um símbolo do Youtube (Print 01). Feito isso, clique nele, copie o link diretamente do youtube e cole na caixa que irá abrir (Print 02 - Vermelho). Feito isso, clique em Inserir (Print 02 - Azul) e feito! Caso prefira fazer isso por escrita, basta digitar:

Código:

[youtube](CÓDIGO DO LINK APÓS A BARRA)[/youtube]

PRINTS: https://imgur.com/a/pwcSE.


Espero ter ajudado!
o/

Mais não teria como, tipo quando colar o link do youtube no tópico ou msg, já aparece o vídeo.

Há um botão no editor de texto que tem essa função:

-> http://prntscr.com/i4pajw

Que quando clicado insere as tags automaticamente:

Código:

[youtube]aNx4eYOXu-U[/youtube]

Spoiler:

paulim78 escreveu:

Chanp escreveu:

paulim78 escreveu:todos quem tem aqui. O da imagem pega normal mais tipo. Quando coloca a url do video do youtube, ele ja Carrega no vídeo no tópico.

Olá!

Isso é bastante fácil de fazer e é feito com as balizas BBCode.
Para adicionar um URL do Youtube e abrir diretamente um vídeo, basta você ir na área onde você escreve o seu post/mensagem e procurar nas opções de BBCode um símbolo do Youtube (Print 01). Feito isso, clique nele, copie o link diretamente do youtube e cole na caixa que irá abrir (Print 02 - Vermelho). Feito isso, clique em Inserir (Print 02 - Azul) e feito! Caso prefira fazer isso por escrita, basta digitar:

Código:

[youtube](CÓDIGO DO LINK APÓS A BARRA)[/youtube]

PRINTS: https://imgur.com/a/pwcSE.


Espero ter ajudado!
o/

Mais não teria como, tipo quando colar o link do youtube no tópico ou msg, já aparece o vídeo.

É exatamente o que eu expliquei, caro usuário.

A mais sempre quando for coloca o link tenho que adicionar 

[youtube](CÓDIGO DO LINK APÓS A BARRA)[/youtube]

Olá,
sim terá que usar sempre a tag [youtube].

obrigado,

Aplique esse código javascript nos tópicos.
O que ele faz?
R: Qualquer link de youtube que você colocar no tópico ele automaticamente já adiciona a tag embed nele.

Código:

youtubeEmbed = function () {
  var e = document.getElementsByTagName('a'),
    l = e.length;
  for (var i = 0; i < l; i++) {
    if ('undefined' != typeof e[i]) {
      var a = e[i].href.match(/(?:v=|v\/|embed\/|youtu.be\/)(.{11})/),
        b = document.createElement('div');
      if (a && a[1]) {
        e[i].parentNode.replaceChild(b, e[i]);
        b.innerHTML = '<embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.youtube.com/v/' + a[1] + '" allowscriptaccess="always" allowfullscreen="true" width="560" height="315" type="application/x-shockwave-flash" wmode="transparent" quality="high" scale="exactfit" class="video_you"><br>'
      }
    }
  }
};
$(document).ready(function($){
  youtubeEmbed()
});

O JavaScript acima é um possível alvo de XSS (saiba mais), tendo em vista que não há nenhuma tratativa para os links.

Recomendo o uso da baliza padrão:

Código:

[youtube]video[/youtube]

Para esse feito, afim evitar ameaças como XSS.

o/

Wow, Luiz, calma aí. Tem formas muito mais fáceis de se hackear alguém leigo e o script aí talvez funcione, eu não testei, mas só vai funcionar com o html das textarea dos posts ativados.

"Vão bora" inovar e quebrar esses padrões de dez anos atrás. É até legal trabalharmos juntos aqui para desenvolver algo assim, totalmente possível e não tão complexo

O script é, provavelmente, funcional. Mas como mencionei anteriormente, com ele algumas vulnerabilidades XSS ocorrerão. :/