Poner un video de youtube en una tv en nuestro sitio web o blog

Para las personas las cuales tienen videos para compartir en sus sitios hoy les voy a mostrar una manera muy sencilla de como Poner un video de youtube en una tv en nuestro sitio web o blog les explico el video va a quedar en lo que es la pantalla de la tv y va a ser algo mas llamativo y personalizado a continuacion les muestro un ejemplo:




Como colocarlo bueno es muy facil el mismo codigo iframe que nos brinda youtube para poner el video en nuestro sitio lo vamos a colocar en el siguiente codigo que les voy a poner a continuacion.

 <div style="  padding: 16px 0 0 17px; width: 518px; height: 364px; background: url(http://dl.dropbox.com/u/25944020/tv-plasma3.gif) no-repeat top left; text-align: left"><iframe width="505" height="300" src="http://www.youtube.com/embed/YkyhvCdJ_vM" frameborder="0" allowfullscreen></iframe></div>

Lo que esta marcado en rojo es donde van a poner el codigo iframe de su video recuerden uno tiene que jugar con las medidas dependiendo de sus plantilla o donde lo vayan a colocar asi que el codigo que van a obtener en youtube las medidas son diferentes  como este codigo :
<iframe width="560" height="315" src="url del video" frameborder="0" allowfullscreen></iframe>

Van a sustituir donde dice 560 por 505 y donde dice 315 por 300
Recuerden que esto es para esta imagen la cual se encuentra en color naranja si deciden cambiarlo por una imagen que busquen ustedes pues tienen que cambiar las medidas acontinuacion les voy a dejar dos imagenes mas las medidas que tiene que tener el video para estas imagenes es de 500 X 300





Bueno es todo ya pueden disfrutar de sus videos en una tv recuerden que compartir y comentar no cuesta nada denle click a los botoncitos de facebook,twitter,google+ y bitacoras y asi otros que a lo mejor tambien necesitan el código lo podran ver muchas gracias.


Votar esta anotación en Bitácoras.com
Compartir esta entrada :



data:newerPageTitle data:olderPageTitle data:homeMsg
:) :( ;) :D ;;-) :-/ :-O X( B-) #:-S :(( :)) =)) ~X( :-t 8- =P~ #-o =D7 :-SS :-q :-bd

0 comentarios:

Publicar un comentario