JMiur [E]

Cosas sencillas, cumple dos meses de edad y para celebrarlo, nos da una de esas informaciones que son como el oro en polvo: ¿Cómo insertar videos de YouTube con XHTML válido?

Esto, que parece algo "demasiado" técnico para un usuario común es, en realidad la respuesta a por qué Blogger nos hace tan difícil la tarea, mostrando errores y cambiando el código a su antojo. Voy a transcribir, palabra por palabra porque la explicación no tiene desperdicio:

Este es un ejemplo del código que entrega YouTube:
<object width="425" height="350"> 
<param name="movie" value="http://www.youtube.com/v/PsRkU7FV4aw"<</param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/PsRkU7FV4aw" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350">
</embed>
</object>
El problema es que el elemento <embed> no es válido, o más bien, no existe en las especificaciones del W3, sino que es un invento de Netscape (de aquellos tiempos en que su navegador aún era importante). Por otra parte, <object> sí es válido, pero si insertáramos el código precedente sin ninguna otra modificación que remover el elemento <embed>, los usuarios de Firefox no verían nada.

La solución es utilizar OBJECT pero especificando un atributo fundamental:

type="application/x-shockwave-flash".

El código válido quedaría de esta forma:
<object width="425" height="350" type="application/x-shockwave-flash" data="http://www.youtube.com/v/PsRkU7FV4aw"><param name="movie" value="http://www.youtube.com/v/PsRkU7FV4aw" /><param name="wmode" value="transparent" /></object>
De esta manera, el tag EMBED, desaparece de una vez por todas y pasa al salón de los recuerdos.

82 comentarios:

Witilongi  

Pues los de youtube podrían corregir eso porque yo creo que no les cuesta nada.

Responder
JMiur  

Tienes razón. Y también tendría que difundirse la solución ya que también debe afectar a otros medios, archivos de Flash, Sonido, etc.

Hasta ahora, yo sabía que había que insertar dos instrucciones. Después de 10 años de lidiar con HTML me vengo a enterar de esto.

Responder
Esteban  

Uhhh,qué quilombo!,o sea qué si insertamos el código como nos entrega Youtube los qué úsan firefox no ven nada??....

Saludos.

Responder
JMiur  

En todo caso, lo de YouTube generalmente funciona pero es, sintácticamente incorecto.

El editor de Blogger verifica el código y, en muchos casos rechaza la instrucción EMBED o la cambia cuando editás.

En tu caso, si nunca tuviste problemas, ni te preocupes. En mi caso, me vuelvo loco para insertar un video, y si llego a editar el post el código se hace puré.

Responder
Esteban  

Al principio tuve problemas,ahora lo qué hago antes de insertar el video es, escribir el post,una vez qué me gusto como quedó,cambio el editor a modo html y luego inserto el código qué me dio youtube, para finalizar publico y listo.De ésta forma blogger no me cambia el código.
Por otra parte, si una vez que pego el código del video en modo html,vuelvo a cambiar el editor a modo NORMAL,entonces si me cambia los códigos y no se vé un carajo.

Saludos y gracias por la info!.

Responder
JMiur  

Eso es exactamente lo mismo que hacía yo. Lo último que pongo es el código del video, en modo HTML y lo publico.

Si nos acostumbramos al código de Cosas Sencillas, este problema deja de existir y todo funciona perfecto.

Witilogi tiene razón, YouTube y los demás alojamientos de videos deberían cambiar el código que dan y nos ahorrarían problemas.

Responder
Anónimo  

Yo siempre volvía a agregarle el embed cuando blogger me daba el error. Gracias por el dato, del cual estaba buscando una respuesta (tendría que estar resuelto por los que te brindan los servicios digo yo, si no tenemos que estar en todas)

Responder
JMiur  

La opinión es unánime.

Responder
Anónimo  

joer por finnnn he podido meter un p*to video, gracias mil.

Responder
Alexander J. Quiñonez  

Decearia aprende como diseñastes tu Blog y que me aclararas mejor lo de subir o insertar videos en mi blog.. mi navegador es el Firefox y veo que tiene problemas o yo estoy omitiendo algo te agradesco lamayor ayuda posible . Alexander Q belzzec@Hotmail.com - belzzec@gmail.com

Responder
JMiur  

Para insertar videos, usa el código del post y no tendrás problemas. Si no es así, sería bueno que dejaras la URL de tu blog para poder ver el error.

Respecto a "aprende a diseñar un Blog", es una pregunta demasiado amplia. En concreto, ¿qué quieres saber?

Responder
Gem@  

Yo he aplicado un código con el elemento object en concreto es un PPS, con Firefox lo visualizo bien pero resulta que los usuarios de Explorer no lo pueden ver:(
¿Puedes decirme por qué?

Responder
JMiur  

Te contesto aquí y en tu blog:

El error que tienes es simple pero me costó encontrarlo :)

En OBJECT, la fuente es:
data="https://s3.amazonaws.com:443/slideshare/........ etc
esa es la que usa Firefox

En PARAM, la fuente es:
value="https://s3.amazonaws.com:403/slideshare/........ etc
esa es la que usa Internet Explorer y está equivocada ya que debe ser 443

Responder
Anónimo  

no soy experta en internet, pero ni siquiera se de donde sacar el codigo! =S Porfavor necesito ayuda!

Responder
JMiur  

No entiendo la pregunta Paula, aclárame un poco.

Responder
Anónimo  

Hola. Buscando como solucionar mi problema me encontre con tu pagina. La verdad soy bastante ignorante de todas estas cosas de html y recientemente he querido añadir una ventana de ustream.tv a mi perfil de hi5. Pero no puedo con el dichoso codigo "embed" y no se si el codigo tiene un error, el codigo no funciona con la pagina de hi5 o es definitivamente imposible. Agradeceria un consejo o una aclaracion (si es que no se puede hacer, para no perder el tiempo =p)

Muchas Gracias

Responder
JMiur  

No comprendo dónde quieres insertar ese video. Y, necesitaría saber cuál es el código original.

Si es en Blogger, puede incluirse cualquier video o SWF.

Responder
Anónimo  

Hola de nuevo.

Perdon, creo que no explique bien mi situacion. Aqui voy de nuevo. No es un video como tal, es una ventana por la cual puedes ver imagenes de webcam en tiempo real y pertenece a la pagina www.ustream.tv (este es el enlace a mi perfil http://www.ustream.tv/channel/nemo) y ahi se te da la opcion de copiar un codigo para poner esa ventana en tu pagina de internet que es el siguiente: embed width="416" height="340" flashvars="autoplay=false&brand=embed" src="http://ustream.tv/tf.IUihto20pTtf8tpy.9a3x2z1KUZHp.usc" type="application/x-shockwave-flash" allowfullscreen="true" / (tuve que quitarle los signos <> por que ni aqui me deja ponerlos ja)

Lo que estoy tratando de hacer es poner esa ventana en mi perfil de "www.hi5.com" pero por alguna razon no aparece, tal vez hay algun tipo de restriccion o algo asi.

De todas formas, muchas gracias por tu respuesta

Responder
JMiur  

En Blogger o cualquier otro blog puedes insertar cualquiera de los dos, pero el código debe corregirse y agregarle la etiqueta de cierre:

<embed width="416" height="340"
.................
allowfullscreen="true"></embed>

En hi5 no tengo idea de cuales son las condiciones o restricciones.

Responder
Anónimo  

haber si me podeis ayudar yo estoy haciendo una pagina en el instituto y tngo q poner videos del youtube el programa q utilizo es Nvu pongo el codigo q pone en esta pagina pero cuando le doy al firefox para verlo sale un cuadro blanco nada mas y ya no se que hacer.. por favor decidme que hago mal o q me falta por poner... por favor...

Responder
JMiur  

Habría que ver el código que colocas, puede ser cualquier cosas, cualquier pequeño error.

¿Te has fijado si otros códigos son aceptados?

Responder
Anónimo  

Hola, yo tengo otro problema, mi metroBlog no me deja escribir object ni embed. El problema de embed esta solucionado, pero que hago con object ??
Gracias

Responder
JMiur  

Si el servidor no te permite utilizar ciertas etiquetas, no es mucho lo que puedes hacer.

Responder
Anónimo  

Mi duda es como puedo achicar el video de youtube???
Muy Lindo tu explicacion!!
byyee contestame pliizzz

Responder
JMiur  

Con los atributos widht (ancho) y height (alto):

<object width="425" height="350" ........
es un video de tamaño "normal"

<object width="212" height="175" ........
es el mismo video a la mitad de si tamaño

Responder
Anónimo  

como ingreso un video desde mi pc
mandenme el codigo porfa

Responder
JMiur  

No existe tal cosa. Debes subir el video en algun servidor que esté en internet.

Responder
Anónimo  

Hola. Anónimo del comentario 26: ¿Probaste con el iconito del editor de Blogger -solapa Redactar- que dice Añadir video?
Saludos.

Responder
Marie Pizzer  

Muy buen post =) gracias :)

Responder
Anónimo  

necesito ayuda el codigo no lo acepta en codigo htmL¿QUE PUEDO NACER?

Responder
JMiur  

soñadora: tendrías que mostrarme el código que usas. Recuerda que TODO debe estar escrito en una línea si es que se coloca en un post.

Responder
Anónimo  

He insertado la etiqeta en el codigo html, y luego lo abro con el firefox y se me ve, pero qué hago para poder ver poner video? He cambiado la dirección del video del youtube en el código, pero no se me ve! Necesito ayuda qe lo tengo que tenter hecho el lunes!! :S
Por si sirve de algo, lo estoy haciendo con el NVU.

Responder
Anónimo  

Bueno que ya no me hace falta, que al final he copiado el codigo de una pagina que ya tenia el video qe yo qeria, pero de todas formas muchas garcias, qe me sirve d emucho lo qe poneis

venga!

Responder
Anónimo  

mi problema con ustream es el siguiente .copio el codigo en ustream , y lo pego en blogger me aparece un error de codigo al publicar , pero el reproductor ustream está . Le doy al play y al cabo de un segundo o 2 me sale un rectangulo gris sobre la imagen , se para el video , y en ese rectangulo , me dicen que solo lo puedo ver en ustream . he visto otros sitios que pueden ver ustream desde sus propias webs y no aparece ese rectangulo gris. ¿Se puede conseguir que no aparezca modificando el código ? ¿este problema es solo de blogger ? porque en otro blog de blogger que no era el mio , tambien aparecía el rectangulo gris .
A ver si me podeis sacar de dudas .Gracias

Responder
JMiur  

Tendría que ver el código del ejemplo para saber qué ocurre.

Responder
jeison  

hey pongo esto y no sale dime como hacerlo mi correo es jeisonhalo3@hotmail.com quiero poner esta cancion si me lo haces te lo agfadesco

http://www.youtube.com/watch?v=ysSxxIqKNN0&eurl=http://www.redplaneta.com/videos/id_4237/title_New-Divine/&feature=player_embedded

Responder
JMiur  

Escribe esto pero sin saltos de línea:

<object width="425" height="350" type="application/x-shockwave-flash"
data="http://www.youtube.com/v/ysSxxIqKNN0">
<param name="movie" value="http://www.youtube.com/v/ysSxxIqKNN0" />
<param name="wmode" value="transparent" />
</object>

Responder
jeison  

gracias me puedes hacer este ahora http://www.youtube.com/watch?v=CUOjvCEPNC0&feature=related y agregame en el correo para que me explique todo eso y mi correo es jeisonhalo3@hotmail.com

Responder
JMiur  

Si el video es este:
http://www.youtube.com/watch?v=CUOjvCEPNC0&feature=related
en la etiqueta se coloca:
http://www.youtube.com/v/CUOjvCEPNC0

el ID que es este: CUOjvCEPNC0 es lo único que cambia.

Todos son iguales.

Responder
jeison  

ya me agregastes en msm y me puedes hacer todo el texto html

Responder
JMiur  

No, de ninguna manera haré eso. Es que ¿para qué tener un blog si no se tienen ganas de aprender? Creo que la explicación está muy clara y repetida tres veces, ahora, te toca intentarlo.

Responder
jeison  

bueno yo lo hago pero si no me sale me dices que esta malo

Responder
jeison  

amigo pongo esto y no me sale que esta mal

object width= 425 height= 350 type= application/x-shockwave-flash
data= http://www.youtube.com/v/CUOjvCEPNC0
param name= movie value= http://www.youtube.com/v/CUOjvCEPNC0 /
param name= wmode value= transparent /
/object

Responder
JMiur  

Tal como dije en el comentario 37 SIN saltos de línea.

Usa el modelo del código que te funcionó y simplemente, cambia el ID del video.

Responder
jeison  

no sale amigo

Responder
jeison  

ya LO ENTENDI PERO EXPLICAME BIEN YO NO SE CASI DE ESTO

Responder
JMiur  

jeison: Creo que está bien explicado así que sería mejor que revisaras lo que has hecho. Lo lamento pero esto es un blog, sólo eso.

Responder
Anónimo  

hola, si el comentario que quiero hacer mas alla de mis horripilantes
errores y dudas.jaja he aprehendido en base a todas las preguntas
y las respuestas.. Verdaderamente es la primera pagina que encuentro
que conteste tan clara, sencilla y humildemente...No tengo palabras
para felicirte/los,mi admiracion y respeto...No cambien nunca !!
Yo que ando todo el dia en la Web no se encuentra gente como Uds..
Señores, aunque soy mujer pues me quito el sombrero.Nos vemos para
alguna de mis horripilantes preguntas de desconocimiento pero es la unica manera de aprehender....grace

Responder
JMiur  

Gracias por el comentario,gracylay :D

Responder
Anónimo  

Hola,
object width="480" height="385" param name="movie" value="http://www.youtube.com/...........
2g&hl=en&fs=1&color1=0x5d1719&color2=0xcd311b"> param> param name value= param> param name allowscriptac value always > param
object sr http://www.youtub
2g&hl=en&fs=1&color1=0x5d1719&color2=0xcd311b" type="application/x-shockwave-flash allowscriptaccess= always allowfullscreen
width= 480 height= 385 embed> object>
Antes del video tengo una pagina de presentacion ppt y mi pregunta es como enlazo
esta pagina al video. Yo corregi el embed por object, después del allowfullscreen
…………………..ese embed lo deje ….es correcto? El codigo de youtube donde
lo coloco ya que es una presentacion ppt
Desde ya muchas gracias por tu tiempo, amabilidad y por transmitir tu sapiencia.
gracylay Es una present p/ authorstream

Responder
Anónimo  

Nuevamente agradecer el servico
de consulta que hay aqui en este blog. Muchas gracias y hasta pronto
gracylay

Responder
JMiur  

gracylay: Si entendí bien, quieres que el PPT enlace al video y eso, creo yo, sólo puede hacerse cuando lo creas. Desde el HTML no veo que haya modo de hacerlo.

Responder
Anónimo  

si entendiste bien, ok.. buscare otra manera siempre con cosas imposibles..en cuanto al codigo el ultimo embed es correcto o no?
Me parece que no, pero como no estoy segura si va object, querria
corroborarlo y muchas gracias nuevamente..gracylay

Responder
JMiur  

El código puede ser así, sin la etiqueta EMBED:

<object width="480" height="385" type="application/x-shockwave-flash" data="http://www.youtube.com/v/xxxxxxxx">
<param name="movie" value="http://www.youtube.com/v/xxxxxxxx" />
<param name="wmode" value="transparent" />
</object>

O sino, directamente el que te da YouTube con la etiqueta EMBED.

El video en si mismo puede tener los parámetros:

http://www.youtube.com/v/xxxxxx&hl=en&fs=1&color1=0x5d1719&color2=0xcd311b

Responder
Anónimo  

Como siempre muchas gracias,
JMiur, gracelay

Responder
Unknown  

hola estoy utilizando el progama Nvu para diseñar mi web... y quiero poner este video de youtube.
http://www.youtube.com/watch?v=RgCYtm_wbwI

como hago?
hay alguna opcion desde el programa Nvu que dice insertar video. o hay que copiar algun codigo de youtube. De ser asi, donde se inserta este codigo?

ayudame porfavor!
Muchas gracias

Responder
JMiur  

No sé si hay opciones en NVU y si las hay qué datos te pide.

El código para incrustar un video de YouTube está en la misma página del video donde dice Insertar.

Responder
sav  

Muchas gracias.

Responder
NeoAkira  

vengo leyendo esto n_n !!

y si en firefox existe eso no se ve U_U " cuando pego el codigo.. y para estar editando el tema es casi sin ver la ventana al editar tambien usaba eso de ponerlo en edicion html..U_U !! ahora pues en explorer no pasa eso !! U_U

n_n

Responder
JMiur  

No entendí absolutamente nada del comentario.

Responder
pedro salinas  

Holas JMiur disculpa este post aun sige vigente es mi consulta xq lo probe hoy dia en la tardey no me corre ni en firefox ni en iexplorer no nada x eso preuntaba si aun es vigente es que quiero poner un reproductor de vidoes propio en mi web y pues decidi x emepzar con lo basico que suponia yo que tenia que saber x eso ando estes post pero si eh visto otros post nomas que queria probar esto que comentabas aca, no me corre ,,,,a lo mejor la etiqueta embed ya es standar sera eso y falta de actualizaciones mias :$:$:$

Responder
JMiur  

El código sigue vigente y es universal.

Si estás colocándolo en una entrada de Blogger, recuerda que todo debe ser escrito en una sola línea.

Revisa si la URL del reproductor es correcta.

Cualquier cosas, colócalo en tu blog y me dices donde verlo.

Responder
Alberto Miguel Pastor Patiño  

Excelente blog, gracias por compartir tu conocimiento tan claramente. Una pregunta, ¿las ventanas de video se pueden reducir solo a la mitad de tamaño o tiene otros formatos establecidos?, te lo pregunto porque intenté dar otros parámetros para el largo y ancho pero no los reconoce blogger y mantiene los anteriores. Gracias de antemano por tu respuesta. Que tengas tu y los tuyos una Feliz Navidad.

Responder
JMiur  

Alberto:
el tamaño se defino con width y height. No deberías tener problemas para hacerlo, es aceptado perfectamente. En el caso de usar OBJECT y EMBED, deben cambiarse en ambas etiquetas.
Si tienes algún ejemplo realizado, me fijo y te digo a ver si se encuentrio el error.

Responder
JERRY STANLEY VALLE ANDRADE  

JMiur
que buen pos lo sujerire a mis amigos este blog
fabuloso el tema, gracias mil....
me as ayudado mucho con mi problema

Responder
Anónimo  

muy buen post, por cierto sabes cual es el codigo para insertar un video de facebook en el blog?

http://MusicaCristiana-Online.blogspot.com

Responder
JMiur  

Fíjate en esta entrada.

Responder
Anónimo  

Gracias!!!

Responder
Unknown  

nunca es tarde para comentar jeje

me sirvió el código para poder poner un video flash (no youtube)

saludos

Responder
JMiur  

El código es válido para cualquier tipo de objeto de Flash.

Responder
Felipe Calvo Cepeda  

Hola JMiur.
Si la url del video es extensión .flv igual sirve el código, ¿cierto?
Es que trato de insertarlo pero nada... :S

Responder
JMiur  

No. Los archivos FLV no pueden ser insertados de este modo; requieren de un reproductor externo.

Responder
Felipe Calvo Cepeda  

Si, acabo de mirar algunos codigos de reproductores de sitios externos.. pero noo...
Mas bien prefiero subirlos a Youtube y nos quitamos el lio de encima. :)
Gracias.!

Responder
crevisergio  

buenas, tengo algunas preguntas:

-como as hecho para q te puedan seguir en facebook, twiter, etc?

-q codigo ay k poner para poner la imagen esa k tienes arriba?

Responder
JMiur  

Esos botones en particular son algo como lo explicado en esta entrada. También puedes agregar los que ofrece el mismo Blogger.

Responder
Sebastian Arango  

Gracias me funciono

Responder
jesus gomez25  

buenas,he visto vuestro blog y tengo que decir que me ha gustado mucho,esta muy bien planteado y presentado todo,una de las cosas que me he quedado flipado es con los señores de google las historias que se montan con estas imbeciladas, por que lo unico que hacen es entretener al usuario y sobre todo engañarlos,no se lo que tengan entre manos para hacer estas cosas, pero bueno,creo que todo teatrito se le cae el telon,y aqui a google esta empezando a caerse,espero que se den cuenta y pongan las cosas en su sitio que es donde deben estar y se dejen de historias,BAGABUNDIA, muy bien un placer de leeros, soy de españa un besito a las argentinas,18-9-11.sabado . . .

Responder
jesus gomez25  

JMIUR QUISIERA PREGUNTARTE UNA COSA, ME PODRIAS DECIR QUE DEBERIA HACER PARA PONER LOS JUEGOS FLASH EN UN BLOG,HACE FALTA SERVIDOR PARA SUBIRLOS AL BLOG,O SE LE SACA LA URL AL JUEGO Y VA DIRECTAMENTE AL BLOG. ES QUE SOY NUEVO EN ESTO DE LOS JUEGOS, Y BUENO ME GUSTARIA PONER UN BLOG DE JUEGOS. SABES QUE PASA QUE NO SE DE ESTO MUCHO,PERO SI ME DOY CUENTA QUE CUANDO LOS USUARIOS EMPIECEN A JUGAR EN EL MISMO BLOG AL JUEGO,SI HUBIERA ALGUN DIA MUCHOS USUARIOS JUGANDO MEDA QUE PODRIA HABER UN PROBLEMA.O QUE ME ACONSEJAS, GRACIAS

Responder
JMiur  

Lo razonable es alojarlos en un servidor propio. Eso, significa un uso del ancho de banda que puede ser importante si hay muchos usuarios.
Si el sitio que aloja el original, permite enlazarlo, no hay problema. Si nada dice al respecto, no debe hacerse porque se está utilizando el ancho de banda de otra persona.

Responder
All Sport News  
Este comentario ha sido eliminado por el autor.
JMiur  

Si ellos no te dan esa opción, no puedes.

Responder
anderes  

Exelente aporte, el antiguo mas el autoplay no me funcionava pero con el que me diste mas el autoplay me funciono, si quieren el codigo de auto play solo pongan este al final de la ruta del video

?rel=0&autoplay=1
El codigo completo quedaria asi

value="http://www.youtube.com/v/xxxxxxxxx?rel=0&autoplay=1"
claro esta con todos los demas codigos, pero solo pogo este por que no se puede insertar, pero en ese paremetro va el codigo, espero que a alguien le fuicione

Ademas me di cuenta de algo, puedes modificar el Width y el Height (ancho y alto del video). Gracias por el aporte!!

Responder
 
CERRAR