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 Modos de visualización

  
(#1)
Old  Hacha de Plata doble
">
Hacha de Plata doble
Ketan
2516011501/09/2010España
 
icon1 Youtube Autoembedding el 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í:

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

Comentar con facebook:
 
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