Inserción de videos YouTube en un post

[Aero-R]

[center]--- o ---[/center]A menudo muchos usuarios no saben cómo insertar un video del portal YouTube en uno de sus post, o sencillamente desconocen que sea posible. En varias de estas ocasiones algún compañero se lo indica y le ayuda para que aprenda cómo hacerlo, pero hasta ahora no existía en el foro ningún breve tutorial que hablase de esta propiedad en extensión más allá de la correctísima referencia en el FAQ.

Para evitar que varios usuarios desconozcan el que se pueda insertar estos videos, y tambien para evitar que otros compañeros tengan que invertir su tiempo cada vez que deseen recomendar dicha función, he decidido sacrificar algo del mío para crear un pequeño thread que sirva tanto para recordar esta propiedad, como para su uso a modo de punto de referencia en una sugerencia hacia el uso de esta función.
[center]--- o ---[/center]



Desde hace bastante tiempo es posible la inserción de videos del portal YouTube en La Capital Olvidada. Para realizarlo hay que utilizar el BBCode pertinente. La colocación del mismo en un post se puede realizar de dos maneras: introduciendolo directamente mediante el botón youtube, o bien escribiendo lo que dicho botón introduce.


[center]
Botón youtube que introduce el BBCode pertinente (que podemos ver ya introducido en el campo de texto).[/center]


Una vez colocado dicho BBCode (ya sea mediante el botón youtube, o escribiendolo en el campo de texto) debemos colocar entre [*youtube] y [*/youtube] (sin los *) una parte de la URL del video que queremos insertar. La parte a insertar se constituye por una serie de caracteres posteriores a "/watch?v=", es decir, debemos insertar los caracteres que representan la ID del video.

Para acceder a dicha URL debemos fijarnos bien en en nuestro navegador:

[center]
URL mostrada en nuestro navegador.[/center]

O bien en el campo que muestra el menú COMPARTIR de YouTube (una vez pulsado el botón homónimo):

[center]
Botón COMPARTIR en el menú pertinente bajo el video a insertar.[/center]

[center]
Menú desplegado tras la acción de pulsar el botón COMPARTIR, mostrandose la URL en cuestión.[/center]


Normalmente los caracteres que representan la ID del video a insertar, pueden preceder a una serie de caracteres que comienzan por "&" (como por ejemplo la URL http://www.youtube.com/watch?v=bZeuEfdU9qg&feature=related, que contiene "&feature=related" despues de la propia ID del video). Este tipo de información que se encuentra a continuación de la ID del vídeo, suele hacer referencia a una serie de funciones del portal YouTube. Es posible incorporar toda esa serie de especificaciones entre el BBCode que ocupa este tutorial y que el video se inserte sin mayor problema, pero no es necesario introducir dicha parte de la URL para insertarlo con éxito.

A continuación podemos ver dicho video insertado en este thread (además de la aplicación del BBCode center para mostrarlo centrado en el post):

[center][youtube]XNH9l2cOrfc[/youtube][/center]

[Godah]

Va a evitar más de un quebradero de cabeza. Muchísimas gracias Aero, será útil. Gran tutorial.

[Inferno]

Buen tutorial, sin duda será de ayuda Aero

[Squallrukawa]

Yo al principio tenía líos pero me lo acabé aprendiendo.

[Dark Aeris]

Cuando por fin me lo aprendo pones el tutorial! jajaja. Gran trabajo, Aero. Era necesario, para que los moderadores no estén todo el rato detrás de los usuarios nuevos.

[usdelka]

Gracias por el tutorial, yo fui uno de ellos que lo necesitaba jaja
Un saludo

[Cisqua]

Un excelente tutorial, muy explícito y completo. Buen trabajo, Aero

[Kloud]

De donde vengo tenemos el bbcode de forma que pillas la url del video en el navegador directamente:

Uso de BBCode:

Code: Select all

[youtube]http://{TEXT1}youtube.{TEXT2}/watch?v={TEXT3}[/youtube]

Reemplazo HTML:

Code: Select all

<div><div><object type="application/x-shockwave-flash" style="width:401px; height:330px" data="http://www.youtube.{TEXT2}/v/{TEXT3}"> 
<param name="movie" value="http://{TEXT1}.youtube.{TEXT2}/v/{TEXT3}" /> 
</object>
</div><div style="font-size:10px;margin:0px;padding:0px;">
<a href="http://{TEXT1}youtube.{TEXT2}/watch?v={TEXT3}" target="_blank"><b><i>Ver vídeo en youtube</i></b></a>
</div></div>

Lo digo por si os sirve, es más cómodo pillar la url que darle a compartir en youtube y copiar el link! ^^

[Pappapishu]

Gracias por tu BBCode, Kloud! Lo he insertado en nuestra lista como

Code: Select all

[video][/video]

Para no perder la funcionalidad anterior.

Voy a probarlo:




PD: Funciona!! Muchas gracias Kloud!!! Aunque el vuestro era algo más peque que el que usábamos y lo he tenido que redimensionar. Muahaha, el nuestro es más grande que el vuestro!!


Y al resto, ya es más fácil subir videos del youtube.

[Dark Aeris]

Un Kloud salvaje apareció, dejó código y desapareció! Ala, función nueva, más facilita. Me gusta la hermandad FC/LCO que estoy percibiendo últimamente.