Otros Insercion youtube autoembed

  1. #1
    ForoParalelo: Miembro Avatar de LELON
    Registro
    30 ene, 16
    Ubicación
    ESPAÑA
    Mensajes
    23,867
    Me gusta (Dados)
    9008
    Me gusta (Recibidos)
    7681

    Insercion youtube autoembed

    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.

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

    Título: Youtube_autoembedding
    Posición: En los Temas
    Código Javascript:

    Código Javascript:



    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=https://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=https://www.youtube.com/embed/"+ytid+" frameborder=0 allowfullscreen></iframe><br>");
    });
    });


    Antes podíamos tener un mensaje así:



    Insercion youtube autoembed


    Y DESPUES



    Insercion youtube autoembed


  2. #2
    ForoParalelo: Miembro Avatar de Auron_Play
    Registro
    24 mar, 18
    Mensajes
    549
    Me gusta (Dados)
    93
    Me gusta (Recibidos)
    130
    Insercion youtube autoembed

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •