nota automatica

domingo, 24 de febrero de 2013

Ponerle marco a un video de Youtube


Cuando tenemos un video embedido de Youtube normalmente nos sale un borde gris alredeor de el, estuve investigando y al no encontrar como cambiarlo, consegui este resultado con un poco de CSS, espero que les sirva.
Bueno primero tenemos que ir a Diseño, Edicion de HTML y antes  de ]]></b:skin>  pegamos el siguiente codigo:
.videoconborde { border: 8px dotted #ccc; }
en la parte azul se puede cambiar el acho, y aspecto de la linea, y en la parte verde, cambiarle el color
y ahora cuando insertes un video lo unico que tendras que hacer es pegar este codigo

<div class="videoconborde"><iframe width="560" height="349" src="http://www.youtube.com/embed/ID del video de youtube" frameborder="0" allowfullscreen></iframe></div>

ahora solo tendras que cambiar lo que esta en color rojo por la ID del video de youtube, cuando abras la pagina veras en la barra la direccion http://www.youtube.com/watch?v=V_yRMLJBqrY  las letras que se encuentran despues de la v= son la ID a veces te aparecerá &feature... copia antes de llegar al &



y listo con eso ya estara funcionando nuestro video de Youtube con un marco
Imprimir artículo

No hay comentarios:

Publicar un comentario

Mil Trucos Blogger