Como poner videos en autoplay para tu web

Hoy me he decidido a escribir este post para explicaros como poner un video en vuestras paginas web y que se arranque solo tras la pregunta que me hizo Rodrigo el otro dia.

Nunca había tenido la inquietud por poner un video así en la pagina  y por eso me pilló algo de sorpresa,pero tras ver como hacerlo con diferentes metodos,he decidido usar el mio propio que es una mezcla de los que me he encontrado pero mas simplificado.

El resultado final debería ser este:

Os marcaré todos los pasos porque aunque la mayoría ya sabemos como insertar un video,debemos tener en cuenta algun paso que es definitivo para el resultado final y ademas porque no todo el mundo nace aprendido (que decía aquel)

1-localizar el video que vamos a usar en youtube (no he probado con otros vídeos que no sean de youtube).En mi caso he buscado mi video de los "immaculate fools-killing field".Al pinchar sobre el veremos esta imagen (captura 1),pinchamos donde he puesto una mano (He puesto la mano en vez del puntero para que veais donde pinchar)

Al pinchar en compartir se abrirá esta imagen de abajo y pinchamos en insertar (donde he puesto otra mano)
Tras pinchar en insertar se abrirá la imagen de abajo.ES MUY  IMPORTANTE QUE ANTES DE COPIAR EL CODIGO QUITEIS LA MARCA DE VIDEOS RELACIONADOS.Por eso he puesto una mano marcando videos relacionados que siempre viene marcado PARA QUE LA QUITEIS.Una vez quitada la marca pinchais en codigo (he puesto un puntero),le dais al boton derecho copiar y os vais a vuestra pagina web.

Como os decía en el paso anterior,es muy importante quitar la marca de los videos relacionados porque eso hará que aparezca un signo de interrogación que es vital para lo que queremos hacer. También es importante porque si aparecen vídeos relacionados aparte del que quereis mostrar se os puede ir la audiencia al youtube para ver mas videos en lugar de quedarse en vuestra pagina. Al copiar el codigo os debería quedar algo como esto:

<iframe width="425" height="349" src="http://www.youtube.com/embed/0OG39EWNyos?rel=0" frameborder="0" allowfullscreen></iframe>

Como veis hay una interrogacion y luego pone rel="0".Pues ahora entre esa interrogacion y rel vamos a poner los siguiente sin dejar ningun espacio:

;autoplay=1;

No olvideis los punto y coma,de hecho es mejor copiarlo tal cual e insertarlo en medio con lo que nos quedaría esto que ya es el codigo que debemos insertar en nuestra pagina en la pestaña de HTML (nunca en la de redactar):

<iframe width="425" height="349" src="http://www.youtube.com/embed/0OG39EWNyos?;autoplay=1;rel=0" frameborder="0" allowfullscreen></iframe>

Con eso ya sería todo.El unico cambio que se me ocurre es si por ejemplo lo quereis poner en un lateral,iriais a diseño,añadir un nuevo gadget y pinchais en  HTML/javascript,luego dentro pegais el mismo codigo pero cambiais el width (ancho) y el height (alto).En este caso era 425 ancho y 349 alto y lo poneis con el ancho de vuestro lateral,en mi caso quedaría asi tras cambiar ancho y alto:

<iframe width="340" height="285" src="http://www.youtube.com/embed/0OG39EWNyos?;autoplay=1;rel=0" frameborder="0" allowfullscreen></iframe>

Quizas alguno prefiere que solo suene la musica sin que se vea el video,para ello poneis en width "0" y en heigth "0" y así solo sonará la cancion o el audio del video escogido pero no se verá ningun video,ni el reproductor de youtube.
De todos modos personalmente suelo recomendar que se vea  el reproductor aunque sea muy pequeñito, porque así si alguien necesita detener el audio tiene la posibilidad de hacerlo (por ej si está en el trabajo o en un hospital,etc)

Por hoy eso es todo y una vez mas repito lo de siempre,espero que el post os haya sido de alguna utilidad.

eMe

17 comentarios:

  1. Gracias Milú por todo lo que haces por mí y por los demás. Eres una bellísima persona dispuesta siempre a ayudar a los demás.

    Brisas y besos.

    Malena

    ResponderEliminar
  2. Muchas gracias!! Estoy en ello ahora mismo :)

    Si tengo alguna otra duda ya te te lo comentare!!

    Un abrazo,
    Rodrigo

    ResponderEliminar
  3. Hola Malena,ya sabes donde estoy para lo que necesites.Al final me ha servido como tema para escribir un post que puede ser util a mas personas.
    Un beso wapetona

    Milú

    ResponderEliminar
  4. Hola Rodrigo,te digo lo mismo que a Malena,siempre que pueda ayudarte ya sabes donde estoy y para cualquier duda igual.
    Un saludo
    Milú

    ResponderEliminar
  5. Se me ha ocurrido que quizas alguno prefiere que solo suene la musica sin que se vea el video,para ello poneis en width "0" y en heigth "0" y así solo sonará la cancion o el audio del video escogido pero no se verá ningun video,ni el reproductor de youtube.
    Milú

    (lo voy añadir al final del post)

    ResponderEliminar
  6. Conocerte, ha sido todo un hallazgo y estoy feliz por ello...
    Besitos en el alma
    Scarlet2807

    ResponderEliminar
  7. Hola scarlet,yo tambien estoy encantado de recibirte en mi casa que es tambien la tuya cuando quieras regresar.No lamento demasiado que no sea scarlata,ya que tu tambien eres un gran descubrimiento.
    Saludos de Milú

    ResponderEliminar
  8. Estupenda toda la información que nos facilitas porque a veces se hace muy difícil pegar un simple vídeo. Eres un sol.
    Besos.

    ResponderEliminar
  9. Ya está. Llegó la primavera a mi blog. Gracias Milú.

    ResponderEliminar
  10. plas,plas,plas,plas,bravo.Si cuando te pones eres una artista.Me alegro de que te hayas decidido a probar el post,espero que te de mas confianza para poner algun otro en practica.
    Muchos bss.
    Milú

    ResponderEliminar
  11. Hola, acabo de descubrir tu blog, y me parece muy interesante todo lo que dices, gracias por compartirlo, eres muy amable.

    Un beso.

    ResponderEliminar
  12. Hola Maria,me alegro de que te guste la pagina y espero sobre todo que os sea util a todos los que pasais por aqui.
    Milú

    ResponderEliminar
  13. Hola..lo coloque en shtyle y no me sale, solo me salen las letras y no el video

    ResponderEliminar
    Respuestas
    1. Hola Eva,en principio está pensado para webs que usan cualquier tipo de plantilla basada en las de blogger.Tanto sean blogs como paginas independientes debería ir bien en ese tipo de paginas,en el resto dependerá de cada pagina y sus códigos.

      También a veces cuando salen solo las letras puede ser porque no se haya cerrado algún punto y coma.Recuerda que siempre se debe poner ;autoplay=1; comenzar y cerrar con punto y coma.

      También te comento que los foros y otro tipo de paginas por el estilo tienen su propia forma de poner los vídeos que nada tiene que ver con esta.

      Milú

      Eliminar
  14. Eva,si quieres también puedes subir tu vídeo a Vimeo por ejemplo.Te recomiendo vimeo porque trae multitud de opciones para que tu vídeo se reproduzca solo y hasta incluso que se repita una y otra vez.

    Milú

    ResponderEliminar
  15. Maravilloso, gracias, he buscado por horas y es el único lugar en el que me ha funcionado y la forma en que explicas en muy sencilla, todo un placer, nuevamente gracias.
    Un saludo.

    ResponderEliminar
    Respuestas
    1. Hola Cielo, esa es la idea, que sea sencillo para todos y que la gente con menos conocimientos informaticos también pueda hacer cosas interesantes con el ordenador.

      Saludos

      Eliminar

Comenta,¡¡¡que es gratis!!!

Subir pagina