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:
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:
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:
Pues los de youtube podrían corregir eso porque yo creo que no les cuesta nada.
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.
Uhhh,qué quilombo!,o sea qué si insertamos el código como nos entrega Youtube los qué úsan firefox no ven nada??....
Saludos.
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é.
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!.
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.
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)
La opinión es unánime.
joer por finnnn he podido meter un p*to video, gracias mil.
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
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?
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é?
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
no soy experta en internet, pero ni siquiera se de donde sacar el codigo! =S Porfavor necesito ayuda!
No entiendo la pregunta Paula, aclárame un poco.
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
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.
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
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.
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...
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?
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
Si el servidor no te permite utilizar ciertas etiquetas, no es mucho lo que puedes hacer.
Mi duda es como puedo achicar el video de youtube???
Muy Lindo tu explicacion!!
byyee contestame pliizzz
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
como ingreso un video desde mi pc
mandenme el codigo porfa
No existe tal cosa. Debes subir el video en algun servidor que esté en internet.
Hola. Anónimo del comentario 26: ¿Probaste con el iconito del editor de Blogger -solapa Redactar- que dice Añadir video?
Saludos.
Muy buen post =) gracias :)
necesito ayuda el codigo no lo acepta en codigo htmL¿QUE PUEDO NACER?
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.
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.
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!
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
Tendría que ver el código del ejemplo para saber qué ocurre.
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
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>
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
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.
ya me agregastes en msm y me puedes hacer todo el texto html
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.
bueno yo lo hago pero si no me sale me dices que esta malo
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
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.
no sale amigo
ya LO ENTENDI PERO EXPLICAME BIEN YO NO SE CASI DE ESTO
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.
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
Gracias por el comentario,gracylay :D
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
Nuevamente agradecer el servico
de consulta que hay aqui en este blog. Muchas gracias y hasta pronto
gracylay
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.
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
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
Como siempre muchas gracias,
JMiur, gracelay
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
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.
Muchas gracias.
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
No entendí absolutamente nada del comentario.
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 :$:$:$
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.
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.
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.
JMiur
que buen pos lo sujerire a mis amigos este blog
fabuloso el tema, gracias mil....
me as ayudado mucho con mi problema
muy buen post, por cierto sabes cual es el codigo para insertar un video de facebook en el blog?
http://MusicaCristiana-Online.blogspot.com
Fíjate en esta entrada.
Gracias!!!
nunca es tarde para comentar jeje
me sirvió el código para poder poner un video flash (no youtube)
saludos
El código es válido para cualquier tipo de objeto de Flash.
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
No. Los archivos FLV no pueden ser insertados de este modo; requieren de un reproductor externo.
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.!
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?
Esos botones en particular son algo como lo explicado en esta entrada. También puedes agregar los que ofrece el mismo Blogger.
Gracias me funciono
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 . . .
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
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.
Si ellos no te dan esa opción, no puedes.
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!!
No es que el formulario tenga problemas sino que los comentarios están cerrados.