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