Cómo insertar videos con un código válido
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.
25 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
¿Quiere dejar un comentario?
Utilice el formulario adjunto para comunicarse.
Enlaces