Recinto Moxo
Septiembre 08, 2010, 11:37:59 *
Bienvenido(a), Visitante. Por favor, ingresa o regístrate.
¿Perdiste tu email de activación?

Ingresar con nombre de usuario, contraseña y duración de la sesión
Noticias:
¡Oh no! ¡También estamos en Facebook!
Leer AQUÍ.
 
   Foros   Juegos Música Biblioteca Galerías Tienda Calendario Staff FAQ Buscar Ingresar Registrarse  

Páginas: [1]   Ir Abajo
  Imprimir  
Autor Tema: [Tutorial] Insertar videos en Recinto Moxo  (Leído 363 veces)
0 Usuarios y 1 Visitante están viendo este tema.
Staff
« Primer Post: Septiembre 11, 2009, 11:39:08 »

Tutorial para incrustar videos en posts

Algunos de ustedes se han percatado que el foro posee 3 botones para insertar videos en los posts (y no sólo uno como sitios clase b Cool):


Los marcados en rojo son, en orden: Youtube, Megavideo y Dailymotion.

A continuación, un pequeño tutorial sobre cómo usar esos botones correctamente.



Youtube

Deben colocar el link del video (entero) entre medio de los tags "youtube" (ya sea escritos a mano, o presionando el botón correspondiente).

Ejemplo:

Código:
[youtube]http://www.youtube.com/watch?v=7PMKk3sLgVo[/youtube]

Queda así:




Dailymotion

Deben colocar el nombre del video (que aparece en la url) entre medio de los tags "dailymotion=ancho,altura" (ya sea escritos a mano, o presionando el botón correspondiente). De forma default, el tag usa ancho 425 y altura 350, por lo que el tag de apertura debería ser: "dailymotion=425,350".

El nombre del video es lo que aparece azul en esta imagen:


Ejemplo:

Código:
[dailymotion=425,350]xacky9_01-los-ninos-mutantes-de-san-ildefo_fun[/dailymotion]

Queda así:




Megavideo

Este es el más complicado de todos los tags de video, pues no utiliza nada de la url, sino del código "embed". Aquí una imagen:


Presionen el botón englobado en un círculo rojo para que les aparezca el código embed (el recuadro a la derecha). Entre medio de los tags "megavideo=ancho,altura" (ya sea escritos a mano, o presionando el botón correspondiente -el cual, de forma default, usa ancho 432 y altura 350, por lo que el tag de apertura debería ser: "megavideo=432,350"-), deben colocar completo el link subrayado en rojo (en general no les deja copiar parte del código, así que tendrán que copiarlo entero en algún sitio y de allí tomar sólo la parte que sirve).

Ejemplo (tomado de la imagen colocada antes):

Código:
[megavideo=432,350]http://www.megavideo.com/v/3KE4CBDT27e58ddb83c532097ee0c29a7fe0ae28[/megavideo]

Queda así:




Además de esos tres tags de videos, Recinto Moxo ofrece otros dos más (y en un futuro quizás algún otro). Ellos son "Vreel" y "ESPN Latinoamérica".

Estos dos tipos de video no ofrecen botones para insertar las tags de forma rápida (simplemente para no sobrecargar de botones la interfaz de postear, bien podríamos haberlos puesto en ambos casos), así que deberán escribir las tags a mano.

A continuación, les explicamos cómo insertar este tipo de videos.



Vreel

Deben colocar el número del video (que aparece en la url) entre medio de los tags "vreel" (escritos a mano, pues, como ya dijimos, no existen botones para ello).

El número del video es lo que aparece azul en esta imagen:


Ejemplo (tomado de la imagen colocada antes):

Código:
[vreel]28000[/vreel]

Queda así:


Nota: vreel es un sitio para subir videos en alta definición... puede pasar que muchos no vean el video si no descargan algunos plugins.



ESPN Latinoamérica (espndeportes)

Deben colocar el número del video (que aparece en la url) entre medio de los tags "espnlat" (escritos a mano, pues, como ya dijimos, no existen botones para ello).

El número del video es lo que aparece azul en esta imagen:


Ejemplo (tomado de la imagen colocada antes):

Código:
[espnlat]898894[/espnlat]

Queda así:




Cambiar los tamaños de los videos.

En general, si agregan un "=XXX,YYY" en el tag de apertura, el video cambiará su tamaño default por un ancho de XXX y una altura de YYY. Incluso los botones de Megavideo y Dailymotion usan tamaños default cuando presionan los botones.

Un ejemplo con youtube:

Si queremos que un video mida 704x396, sólo tenemos que hacer esto:

Código:
[youtube=704,396]http://www.youtube.com/watch?v=7PMKk3sLgVo[/youtube]

Y queda así:




En fin... esperamos que les haya servido. ¡Ahora llenen al Recinto (especialmente al foro de Anime Online (?)) de videos!

Si colocamos algún nuevo tag de video lo agregaremos al tutorial. Siéntanse en libertad de sugerir tags para servidores de videos online que conozcan.

Saludos.

PD: es aconsejable que, si van a poner videos usen spoiler, para que la página no tarde tanto en cargar.
En línea

Autor Tema: [Tutorial] Insertar videos en Recinto Moxo (Leído 363 veces)
Thewolf

Masculino

México

Bando: Moxópolis
Estado de Ánimo: Demente
Registrad@: jun 2008
Mensajes: 861

Premios Premios
45361.00 Gazapos
Ver Inventario
Enviar Gazapos

Desconectad@ Desconectad@

Thewolf@Miguel.la
Ver Perfil Email
« Respuesta #1: Septiembre 17, 2009, 02:32:40 »

Insertar videos de www.Tu.tv

Primero que nada quiero decir que si logran entender bien este pequeño tuto, podran insertar casi cualquier cosa.

1.- El primer paso es algo simple, entra ala pagina del video y copian el codigo emmbed.
Digamos este:
Código:
<object width="425" height="350"><param name="movie" value="http://tu.tv/tutvweb.swf?kpt=aHR0cDovL3d3dy50dS50di92aWRlb3Njb2RpL2Evay9ha2F0c3VraS1lbi1sYXRpbmFtZXJpY2FuaWRvbC5mbHY=&xtp=905447"></param><param name="wmode" value="transparent"></param><embed src="http://tu.tv/tutvweb.swf?kpt=aHR0cDovL3d3dy50dS50di92aWRlb3Njb2RpL2Evay9ha2F0c3VraS1lbi1sYXRpbmFtZXJpY2FuaWRvbC5mbHY=&xtp=905447" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object><br /><a href="http://www.tu.tv"><img src="http://www.tu.tv/img/tranparente.gif" alt="Videos tu.tv" border="0" /></a><br />
2.- Una vez que lo tengan deberan copiar solo esta parte:
http://tu.tv/tutvweb.swf?kpt=aHR0cDovL3d3dy50dS50di92aWRlb3Njb2RpL2Evay9ha2F0c3VraS1lbi1sYXRpbmFtZXJpY2FuaWRvbC5mbHY=&xtp=905447
Esta despues de "value" o despues de "src"(igual que con megavideo)

3.- Ya que tengan esta parte, van a utilizar el bbcode que esta despues de youtube y antes del de megavideo, y deberan colocar dicha parte hay.... solo por ultimo indican el tamaño que quieran que tenga el reproductor, yo les recomiendo "=425, 300" pues son los valores por default de tu.tv

4.-En resumen les deberia quedar algo asi:
Código:
[flash=425,300]http://tu.tv/tutvweb.swf?kpt=aHR0cDovL3d3dy50dS50di92aWRlb3Njb2RpL2Evay9ha2F0c3VraS1lbi1sYXRpbmFtZXJpY2FuaWRvbC5mbHY=&xtp=905447[/flash]



Un saludo!!!
En línea

Gracias Kirika por la firma y el avatar me encantaron

[SIZE=+1]Mat-kun (?)[/SIZE][/URL]
masculino Caotico Bueno Semielfo Guerrero, Level 1, Init +6, HP 10/10, Speed 10 metros
AC 15, Touch 12, Flat-footed 13, Fort +2, Ref +2, Will +1, Base Attack Bonus 1,   Action Points 1
ninguna Espada bastarda +3 (1d10+2, 19-20/x2)
ninguna Daga -1 (1d4+2, 19-20/x2)
ninguna Daga -5 (1d4+1, 19-20/x2)
ninguna Armadura de cuero tachonado (+3 Armor, +2 Dex)
Abilities Str 14, Dex 14, Con 11, Int 13, Wis 12, Cha 10

Autor Tema: [Tutorial] Insertar videos en Recinto Moxo (Leído 363 veces)
macphisto
Fee Fi Fo Fum

Masculino

Bandera Pirata

Bando: Moxópolis
Estado de Ánimo: Cafeínic@
Registrad@: oct 2007
Mensajes: 9.008

Premios Premios
245705.00 Gazapos
Ver Inventario
Enviar Gazapos

Conectad@ Conectad@

leoferwer@hotmail.com leoferwer15@yahoo.com
Ver Perfil WWW Email
« Respuesta #2: Octubre 08, 2009, 05:19:07 »

Sólo una aclaración con videos de ESPN:

Parece que la gente de espndeportes hizo lo que yo (?) y cambió las urls de su página. No en todas partes, pero sí en muchas, así que depende de dónde vean el video, puede que no les salga la url. Para "encontrar" la url, tienen que abrir el video, buscar la opción "insertar" (aparece si pasan el cursor sobre el video) y buscar el link "dirección electrónica", allí, luego de "id=" aparece el número que deben colocar entre los tags.

Aquí una imagen:


Saludos.
En línea

step off a train, all alone at dawn
back into the hole where I was born
Sun in the sky, never raised an eye to me


Gracias Azucar~ por la firma y el ava Smile

¿Envidias mi nick rojo, Visitante? Ponte colorcito también. Lee aquí.
000webhost is shit.

Autor Tema: [Tutorial] Insertar videos en Recinto Moxo (Leído 363 veces)
macphisto
Fee Fi Fo Fum

Masculino

Bandera Pirata

Bando: Moxópolis
Estado de Ánimo: Cafeínic@
Registrad@: oct 2007
Mensajes: 9.008

Premios Premios
245705.00 Gazapos
Ver Inventario
Enviar Gazapos

Conectad@ Conectad@

leoferwer@hotmail.com leoferwer15@yahoo.com
Ver Perfil WWW Email
« Respuesta #3: Marzo 23, 2010, 11:26:27 »

Para insertar videos de Vimeo (y otros sitios) usando el botón "Insertar Flash"

Aquí les dejo un tutorial súper básico de cómo incrustar videos de Vimeo en Flash. Lo mismo se aplicaría a casi cualquier otro servidor de videos. El truco es encontrar una línea que diga más o menos así en el código "embed":

Código:
<embed src="http://sitio-de-videos.com/nombre-o-id-del-archivo"

Lo único que tenemos que hacer es tomar el link entre comillas y colocarlo dentro de los tags de "Insertar Flash", los cuales los podemos insertar con el segundo botón sobre los emoticones en la ventanita de post (el que está entre youtube y megavideo), o escribiendo [flash=XXX,YYY] con su respectivo tag de cierre (siendo XXX el ancho del video y YYY la altura).

Quedaría así:

Código:
[flash=200,200]http://sitio-de-videos.com/nombre-o-id-del-archivo[/flash]

Luego sólo nos queda ajustar el tamaño del video (nótese que el default es 200x200) y poner alguno que nos guste -o el original del video, para que no se deforme-. Lo cual quedaría así:

Código:
[flash=704,396]http://sitio-de-videos.com/nombre-o-id-del-archivo[/flash]

Un ejemplo con un video de Vimeo:

Una vez están en la página del video de Vimeo que quieren compartir, coloquen el cursor del mouse sobre la pantalla del video. Verán que les aparecerán opciones de reproducción en la parte de abajo, y otras opciones en formas de botones arriba a la derecha:


Presionen el botón "embed" (dentro del círculo rojo) y les aparecerá la siguiente pantalla:


Dentro del recuadro de texto tienen todo el código embed que deberían pegar en un blog. En ese código, busquen la parte que señalé más arriba (les sugieron que copien el texto en word o algo, para verlo mejor). Aquí hago copy/paste del código. Lo que debemos usar es lo que subrayo en color rojo (lo que va después de las comillas y antes del "&amp;"):

Cita
<object width="400" height="270"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5921562&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5921562&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="270"></embed></object><p>Icarus & the Tree Herder from Ian Worrel on Vimeo.</p>

Es decir, lo que nos sirve es este link:

Código:
http://vimeo.com/moogaloop.swf?clip_id=5921562

Al mismo, lo colocamos dentro de los tags de Flash, con las medidas que deseemos. Yo usé 600x405, que es 1,5 veces lo que dice en el propio código embed (fíjense que al principio dice "<object width="400" height="270">"; tengan cuidado siempre de mantener las proporciones de lo que dice ahí, para no deformar el video). Así, pues, el código final es este:

Código:
[flash=600,405]http://vimeo.com/moogaloop.swf?clip_id=5921562[/flash]

El cual queda así:


Cualquier otro servidor de videos sigue igual lógica que este cuando se trata de incrustar videos con el tag "Flash". Sólo busquen el link adecuado y ya.

Saludos.

« Última modificación: Marzo 23, 2010, 11:27:22 por macphisto »
En línea

step off a train, all alone at dawn
back into the hole where I was born
Sun in the sky, never raised an eye to me


Gracias Azucar~ por la firma y el ava Smile

¿Envidias mi nick rojo, Visitante? Ponte colorcito también. Lee aquí.
000webhost is shit.

Autor Tema: [Tutorial] Insertar videos en Recinto Moxo (Leído 363 veces)
kirika

Femenino

Chile

Bando: Moxópolis
Estado de Ánimo: Distraíd@
Registrad@: mar 2008
Mensajes: 787

Premios Premios
35674.00 Gazapos
Ver Inventario
Enviar Gazapos

Desconectad@ Desconectad@


Ver Perfil
« Respuesta #4: Marzo 24, 2010, 05:27:42 »

gracias Mac  te pasaste de buena onda por hacer este tutorial
lo tendré presente y gracias también por el tiempo invertido
saludos  Razz
En línea



All I want is to find an easier way
To get out of our little heads
Páginas: [1]   Ir Arriba
  Imprimir  
 
Ir a:  

* Permisos
No puedes hacer nuevos temas.
No puedes responder en los temas.
No puedes adjuntar archivos.
No puedes modificar tus posts.

BBCode Activado
Emoticonos Activado
[img] Activado
HTML Activado

Powered by MySQL Powered by PHP Este sitio ha sido diseñado para resoluciones de 1024x768
Recinto Moxo es propiedad de todos sus usuarios

Powered by SMF 1.1.11 | SMF © 2006-2009, Simple Machines LLC | Mapa
XHTML 1.0 válido! CSS válido!