Youtube Embeding

Foro para comentarnos y comunicar cualquier cosa de la web: sugerencias, críticas, aportaciones, opiniones, mejoras, dudas, errores...
Avatar de Usuario
kurokotetsu
Teniente Primero
Teniente Primero
Mensajes: 1664
Registrado: Mar Ago 05, 2008 2:12 am
Ubicación: En una pequeña barca navegando
Edad: 36
Contactar:

Youtube Embeding

Mensaje por kurokotetsu »

OK, un pequeño problema que no es propio del foro, pero más bien externo. Esto no es para aprender a poner videos, para eso dirigirse a Pirateking for Dummies. Esto es un problema que me aprece que es reciente. hasta hace poco, cuando se pedía el código para insertar un video en Youtube nos salia algo como esto:

Código: Seleccionar todo

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/01C4RPEinM4&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/01C4RPEinM4&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
Sin embargo, desde al menos hoy, este es el código generado:

Código: Seleccionar todo

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/hGRqnNEOpe0" frameborder="0" allowFullScreen></iframe>
Y se puede ver el resultado de intentar insertar aquí:


Me gustaría plantear el problema a gente que tenga má conocimiento o del códiog del foro (creo que es BBCode, como la mayoría) o HTML (que es probablemente el tipo de generaciónde código de Youtube).

Mi solución provisional es esta. Ir a un lugar donde sepan que esta el código "antiguo" (aquí, PK for Dummies) y copiar el campo de value (es decir lo que está después del igual de value). Una ves copiado eso, borrar la que está después del último "slash" (/) hasta el ampersand (&). Después copiar el código del video que se queire insertar. De aquí copiar lo que viene después del último slash en el campo src. Pegar esto en ves de la parte borrada anteriormente (entre el / y el &). Así debería funcionar. Ejemplo:

Primero copiamos esto:

Código: Seleccionar todo

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/01C4RPEinM4&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/01C4RPEinM4&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
Luego Borramos todo para quedarnos con esto:

Código: Seleccionar todo

http://www.youtube.com/v/01C4RPEinM4&rel=1
Luego borramos lo que no queremos, así:

Código: Seleccionar todo

http://www.youtube.com/v/&rel=1
De aquí copiamos esto, del video que se quiere poner:

Código: Seleccionar todo

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/hGRqnNEOpe0" frameborder="0" allowFullScreen></iframe>
Borramos lo inecesario para quedarnos con esto:

Código: Seleccionar todo

hGRqnNEOpe0
Copiamos eso y lo pegamos en vez de lo que borramos primero para dejar esto:

Código: Seleccionar todo

http://www.youtube.com/v/hGRqnNEOpe0&rel=1
Ahora lo insertamos así (como se explica en el otro tópico=

Código: Seleccionar todo

[flash=640,390]http://www.youtube.com/v/hGRqnNEOpe0&rel=1[/flash]
Y tenemos esto:


Esta es la única solución que encuentro con mis pocos conocimientos sobre los códigos empleados. Espero que se entienda (si no lo intentaré hace más explícito). Sí alguien con más idea o los Webmasters encuentran otra solución, por favor díganlo. De momento dejo el tema para llamar atención sobre el problema (no propio del foro) y con mi solución. Sugeriría matarlo cuando se encuentre una solución permantente.
Si crees saber algo con certeza preocupate, quiere decir que no sabes nada del tema
¿Todavía no lo sabes?El verde esta de moda|| 7NA Mi blog||The Night Watch is watching you
Imagen
Avatar de Usuario
IntroduzcaNombreAqui
Oficial Técnico
Oficial Técnico
Mensajes: 1258
Registrado: Mié Sep 29, 2010 9:19 pm
Ubicación: Locombia
Edad: 32

Re: Youtube Embeding

Mensaje por IntroduzcaNombreAqui »

Hola kurokotetsu no se si te he entendido, pero la solucion que he utilizado yo para seguir poniendo videos de youtube es señalar la opcion use old embed code asi:

Imagen

con eso vuelve a aparecer el codigo como antes.
Imagen
Avatar de Usuario
Ser_Soy_Ser
Teniente Primero
Teniente Primero
Mensajes: 1628
Registrado: Mar Jul 10, 2007 4:58 pm
Ubicación: se alquila este espacio para escribir chorradas. Interesados envíen MP+donación simbólica
Edad: 34

Re: Youtube Embeding

Mensaje por Ser_Soy_Ser »

Sí, el método de IntroduzcaNombreAqui es el más fácil, mientras sigan dando la opción. :miedo: De todas formas hay foros en que la función para insertar vídeos de youtube tiene una etiqueta propia que viene con el BBCode, pero aquí molamos más y nos va el royo vintage.
Avatar de Usuario
alex_orochi
Teniente
Teniente
Mensajes: 1920
Registrado: Vie Feb 29, 2008 1:56 am
Ubicación: Por ahí....
Edad: 36
Contactar:

Re: Youtube Embeding

Mensaje por alex_orochi »



Sí... ya con esa solución queda... supongo que habrá que decirle a Sandai Kitetsu que cambie esa situación

Por cierto... lo probé con html, y parece que efectivamente, no funciona del todo. Necesitan el "old embed", creo que esto sirve para la nueva versión de html 6 que va a compaginar con scripts de google chrome.

Habrá que hacer unas pruebas... pero gracias por el detalle mi buen Kuro

Saludos

EDIT: Sí funciona todavía incluso con html 5.0, pero tarda alguito en cargar....
Última edición por alex_orochi el Mar Ene 25, 2011 8:16 am, editado 1 vez en total.
Lo de Usopp no es haki
Avatar de Usuario
kurokotetsu
Teniente Primero
Teniente Primero
Mensajes: 1664
Registrado: Mar Ago 05, 2008 2:12 am
Ubicación: En una pequeña barca navegando
Edad: 36
Contactar:

Re: Youtube Embeding

Mensaje por kurokotetsu »

Significativamente más simple. Esperemos que no se quite la opcíon (probablemente no pues la generación de código es probable que sea un pequeño algoritmo en la página). Sin embargo, creo que es importante decir (y preguntar a los encargados) si este nuevo código puede implementarse. Supongo que es por lo que dice alex, pues si hay nueva versión les interesará apoyarla, pero eso quiere decir que probablemente quede el "old embeded" hasta dentro de bastante tiempo. De momento, esto puede quedarse aquí, o llevarse a PK for Dummies (si Sandai cambia el post sería muy bueno). Que los jefes hagan lo que consideran más correcto con el tema y lo que se comenta.
Si crees saber algo con certeza preocupate, quiere decir que no sabes nada del tema
¿Todavía no lo sabes?El verde esta de moda|| 7NA Mi blog||The Night Watch is watching you
Imagen
Avatar de Usuario
Xenogearsifm
Webmaster
Webmaster
Mensajes: 5641
Registrado: Mar Feb 01, 2005 3:26 pm
Ubicación: 404 Not Found
Edad: 41
Género:
Contactar:

Re: Youtube Embeding

Mensaje por Xenogearsifm »

No se va a habilitar nunca, ya que el nuevo código de Youtube es un "iframe", lo que ya de por si es HTML bastardo y un problema de compatibilidad entre navegadores, a parte de una potencial falla de seguridad. Lo que sucede es que Youtube quiere que su reproductor sea visto en móviles y otros dispositivos chorras. Cuando sea un tag "video" sin frames ni chorradas, otro gallo cantará.
Imagen
Imagen Hey babe... Feelin' super?
Avatar de Usuario
IntroduzcaNombreAqui
Oficial Técnico
Oficial Técnico
Mensajes: 1258
Registrado: Mié Sep 29, 2010 9:19 pm
Ubicación: Locombia
Edad: 32

Re: Youtube Embeding

Mensaje por IntroduzcaNombreAqui »

Bueno cuando lo quiten podrian utilizar este facil modelo

Código: Seleccionar todo

[flash=x,y]http://www.youtube.com/v/IntroduzcaCodigoAqui&hl=en[/flash]
donde codigo es lo que va despues de watch?v=

por ejemplo en http://www.youtube.com/watch?v=HzVnufb_E9s

codigo=HzVnufb_E9s

y la instruccion seria

Código: Seleccionar todo

[flash=480,360]http://www.youtube.com/v/HzVnufb_E9s&hl=en[/flash]
Produciendo:

Imagen
Avatar de Usuario
kurokotetsu
Teniente Primero
Teniente Primero
Mensajes: 1664
Registrado: Mar Ago 05, 2008 2:12 am
Ubicación: En una pequeña barca navegando
Edad: 36
Contactar:

Re: Youtube Embeding

Mensaje por kurokotetsu »

@Introduzca: Eso es lo que dije en el priemr post, pero en corto.

@Xeno: Entonces esperemos que hagan un mejor código de inserceión en el futuro. Especialmente cuando los dispositivos móviles puedan correr un código no tan especializado.
Si crees saber algo con certeza preocupate, quiere decir que no sabes nada del tema
¿Todavía no lo sabes?El verde esta de moda|| 7NA Mi blog||The Night Watch is watching you
Imagen
Avatar de Usuario
Xenogearsifm
Webmaster
Webmaster
Mensajes: 5641
Registrado: Mar Feb 01, 2005 3:26 pm
Ubicación: 404 Not Found
Edad: 41
Género:
Contactar:

Re: Youtube Embeding

Mensaje por Xenogearsifm »

De aquí a que eso suceda aún queda tiempo, ya que IE8 es incompatible con HTML5 y Crome y Firefox aún siendo compatibles con el nuevo código siguen reproduciendo en formato flash en vez de con el reproductor del navegador, lo que resulta un tanto absurdo.
Imagen
Imagen Hey babe... Feelin' super?
Avatar de Usuario
VolandoVoy
Recluta Privado de Tercera
Recluta Privado de Tercera
Mensajes: 37
Registrado: Lun May 20, 2013 5:10 pm
Ubicación: Departamento de Limpieza del Infierno.
Edad: 28

Re: Youtube Embeding

Mensaje por VolandoVoy »

¡Muchas gracias! Me estaba volviendo loca intentando insertar vídeos. ¡Uf, con lo fácil que es luego! xD
"Un hombre sólo tiene derecho a mirar a otro hacia abajo cuando ha de ayudarle a levantarse"
Gabriel García Márquez

Imagen
Avatar de Usuario
regiakb
Aprendiz
Aprendiz
Mensajes: 11
Registrado: Mar Oct 07, 2014 10:41 am
Edad: 31

Re: Youtube Embeding

Mensaje por regiakb »

Xenogearsifm escribió:De aquí a que eso suceda aún queda tiempo, ya que IE8 es incompatible con HTML5 y Crome y Firefox aún siendo compatibles con el nuevo código siguen reproduciendo en formato flash en vez de con el reproductor del navegador, lo que resulta un tanto absurdo.
Como bien sabrás usamos BBCode, así que yo recomiendo la creación de una etiqueta

Código: Seleccionar todo

[youtube]{id del video}[/youtube]
Aquí puedes encontrar información para incorporarlo a PirateKing, ya que para temas de posicionamieto el codigo [flash] es penalizado por los buscadores.
Spoiler: Mostrar
http://www.phpbb3bbcodes.com/viewtopic.php?t=273
Si necesitas ayuda, aquí tienes un usuario para dar una mano al portal.
(I'm not a hacker, I'm a Security Professional)

*** EDITO ****
Perdonad, no habia visto esto.
Spoiler: Mostrar
http://www.pirateking.es/foro/ftopic269 ... lers-.html
De todos modos, me ofrezco a dar mi ayuda, esfuerzo y conocimiento.
Imagen
"I'm not a Hacker, I'm a Security Professional"
Avatar de Usuario
Xenogearsifm
Webmaster
Webmaster
Mensajes: 5641
Registrado: Mar Feb 01, 2005 3:26 pm
Ubicación: 404 Not Found
Edad: 41
Género:
Contactar:

Re: Youtube Embeding

Mensaje por Xenogearsifm »

Como supongo que sabrás (o deberías) esa etiqueta no es más que una abreviatura que da como resultado exactamente el mismo código flash, el que (erróneamente) me dices que perjudica el posicionamiento, cuando somos primera página en todo buscador conocido.
Imagen
Imagen Hey babe... Feelin' super?
Avatar de Usuario
regiakb
Aprendiz
Aprendiz
Mensajes: 11
Registrado: Mar Oct 07, 2014 10:41 am
Edad: 31

Re: Youtube Embeding

Mensaje por regiakb »

Xenogearsifm escribió:Como supongo que sabrás (o deberías) esa etiqueta no es más que una abreviatura que da como resultado exactamente el mismo código flash, el que (erróneamente) me dices que perjudica el posicionamiento, cuando somos primera página en todo buscador conocido.
Siempre hay cosas a mejorar ya que actualmente no somos los primeros en los buscadores.
Spoiler: Mostrar
https://www.woorank.com/es/www/pirateking.es
Evidentemente que el tag [youtube] es por comodidad. Pero no es la misma etiqueta. No es lo mismo un <iframe> que un <object> de flash.

El enlace que he puesto muestra el método, para la creación de la etiqueta, actualmente youtube no usa la etiqueta flash por temas de posicionamiento ya que -papá- Google usa HTML5 para incrustar a otras páginas con el comando <iframe>. Se puede ver el Google I/O de años anteriores para contrastar lo que digo.

A partir de aquí podemos seguir ignorando lo obvio y seguir incrustando con flash, en fin...

Saludos.
Imagen
"I'm not a Hacker, I'm a Security Professional"
Avatar de Usuario
Xenogearsifm
Webmaster
Webmaster
Mensajes: 5641
Registrado: Mar Feb 01, 2005 3:26 pm
Ubicación: 404 Not Found
Edad: 41
Género:
Contactar:

Re: Youtube Embeding

Mensaje por Xenogearsifm »

Espera que me vas a venir con lecciones de SEO de chichinabo cuando esa página nos da un notable, muy por encima de páginas de contenido similar e incluso por encima de la tuya, que supuestamente se dedica a vender esta moto.

Y eso sin tener en cuenta lo pobre de su análisis, que no contextualiza la página exigiendo cosas que obviamente no proceden a una página de su temática. Es incapaz siquiera de filtrar artículos y preposiciones en su árbol de palabras claves. El uso que sugiere de los guiones es incorrecto, el bajo se utiliza para separar contextos y el medio para cadenas (y eso sólo para Google).

Y no, el enlace que me diste no ofrece la opción de iframe, ofrece la misma inserción flash basada en object. Y para tu información Youtube lo reproducirá siempre por defecto en flash, hagas lo que hagas, para evitarlo necesitas entrar en este enlace y solicitar el nuevo reproductor.
Imagen
Imagen Hey babe... Feelin' super?
MikelBilbao
Aprendiz
Aprendiz
Mensajes: 3
Registrado: Sab Feb 21, 2015 3:04 am

Re: Youtube Embeding

Mensaje por MikelBilbao »

Hola, quería decirte que eso no es verdad, Flash es un lenguaje en decadencia y YouTube ya ha anunciado que su reproductor por defecto será en HTML5. Aunque no hay compatibilidad completa(IE8 no merece ni la pena, de hecho IE morirá pronto también), HTML5 es el futuro, Apple ya aposto en su momento por desplazar Flash y ahora con las ultimas mejoras YouTube ha hecho lo mismo (Busca en Google un poco y lo explican).Creo que este es un buen foro, pero apostar por Flash no tiene sentido ahora mismo.

Saludos.
Responder