Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » Scripts
Actualizar esta página Youtube Autoembedding
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas Youtube Autoembedding 2x97uModos de visualización Youtube Autoembedding 2x97u

Youtube Autoembedding UFXmlYjYoutube Autoembedding ZcHKMjL
(#1)
Old  Hacha de Plata doble
">
Ketan
Hacha de Plata doble
Ketan
2556261601/09/2010España
 
Youtube Autoembedding Empty Youtube Autoembedding - 3/2/2013, 9:55 am

1. Información

Con el sencillo código conseguiremos que, cuando alguien postee la URL de un vídeo de YouTube, automáticamente éste salga como insertado en el post, es decir, no necesitaremos iframes ni bbcodes como [youtube] o [flash] ni ningún otro código de inserción.

He aquí un ejemplo de las muchas combinaciones de URLs de vídeos de Youtube que directa y automáticamente se convertirán en vídeos insertados como iframes en nuestros mensajes.

Código:
http://youtube.com/watch?v=6Fb49Ct2LlQ
www.youtube.com/watch?v=6Fb49Ct2LlQ
https://youtube.com/watch?v=6Fb49Ct2LlQ
http://www.youtube.com/watch?v=6Fb49Ct2LlQ
https://www.youtube.com/watch?v=6Fb49Ct2LlQ
http://www.youtube.com/watch?v=6Fb49Ct2LlQ&feature=related
www.youtube.com/watch?v=6Fb49Ct2LlQ&feature=related
http://www.youtube.com/watch?v=6Fb49Ct2LlQ&feature=player_embedded
http://www.youtube.com/watch?v=6Fb49Ct2LlQ&feature=g-logo
https://www.youtube.com/watch?v=6Fb49Ct2LlQ&feature=g-logo&context=G2218bb9FOAAAAAAAGAA
http://youtu.be/6Fb49Ct2LlQ
https://youtu.be/6Fb49Ct2LlQ
www.youtu.be/6Fb49Ct2LlQ
http://youtu.be/6Fb49Ct2LlQ?hd=1
https://youtu.be/6Fb49Ct2LlQ?t=2m32s

2. Código (Funciona correctamente para todas las versiones)

Insertamos el siguiente código en:

Panel de Administración - Módulos - HTML & JAVASCRIPT - Gestión de los códigos Javascript

y Crear un nuevo javascript que se ejecute "En los Temas"

Título: Youtube_autoembedding
Posición: En los Temas
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>"); 
  });   
});

3. Resultado

Antes podíamos tener un mensaje así:

https://www.youtube.com/watch?v=xyqQ4iT4IeU

Comentar con facebook:
Youtube Autoembedding Imagen11
 » Temas similares en otros foros
» Youtube Autoembedding and fancybox
» Sistema de Like/Dislake similar a YouTube
» Descargar vídeos de Youtube
» Selena Gomez on YouTube
» [PhpBB3, PunBB, Invision] Youtube en el perfil de foroactivo
 
Permisos de este foro:
No puedes responder a temas en este foro.

 Los Códigos BB están Activado
 Los Emoticonos están Activado
 Código [IMG] está Activado
 Código HTML está Activado