En la entrada de hoy, os mostraré cómo agregar un fondo a los vídeos de YouTube que utilizáis para incrustar en las entradas de blogger. En general, más de una vez hemos subido algún video y para incrustarlo en nuestras entradas hemos recogido el código que nos proporciona YouTube. Con esta entrada os muestro otro estilo que os ayudará a hacer vuestros vídeos más profesionales y atractivos.
Demostración de uno
Cómo colocar el video en cualquier fondo ?
En primer lugar, ir a youtube.com y buscar o elegir el vídeo que desee incrustar en tu blog. Ahora, mira la barra de direcciones y copia SOLO la numeración final de la URL a partir del signo = (para más detalles, compruebe la pantalla de abajo)
En segundo lugar, copia el código del efecto deseado, pégalo en una entrada de tu blog y cambia la numeración obtenida en el paso 1 por la numeración en rojo del código elegido.
"Ahora ya puedes publicar tu entrada y verás tu video de Youtube con un nuevo diseño "
Estilo Cine
<div style="background: url('https://lh6.googleusercontent.com/-cS7iLVbcfEA/Uwuc9yq_IMI/AAAAAAAAOQ0/ouuheIdBcns/w500-h329-no/imm-sound.jpg') no-repeat top left; height: 385px; margin: 0 auto; padding: 33px 0 0 92px; text-align: left; width: 540px;"><iframe width="310" height="165" src="http://www.youtube.com/embed/l-qwvSn6Euk" frameborder="0" allowfullscreen></iframe></div> | Estilo Cartel
<div style="background: url('https://lh3.googleusercontent.com/-uH8tI5qROY8/UwzfRznKqYI/AAAAAAAAORc/0ezPtlGWbtg/w478-h281-no/fotomontajes-divertidos.jpg') no-repeat top left; height: 385px; margin: 0 auto; padding: 24px 0 0 85px; text-align: left; width: 540px;"><iframe width="312" height="148" src="http://www.youtube.com/embed/l-qwvSn6Euk" frameborder="0" allowfullscreen></iframe></div> | Estilo Tablet
<div style="background: url('https://lh4.googleusercontent.com/-sDzntvCmd2g/Uwzj9nuYA8I/AAAAAAAAOSA/AtiSVED_PEY/w500-h438-no/11052141-new-tablet.jpg') no-repeat top left; height: 385px; margin: 0 auto; padding: 82px 0 0 99px; text-align: left; width: 540px;"><iframe width="322" height="212" src="http://www.youtube.com/embed/l-qwvSn6Euk" frameborder="0" allowfullscreen></iframe></div> |
<div style="background: url('https://lh6.googleusercontent.com/-0TuKXZzKj1M/Uw3dFzkES1I/AAAAAAAAOTs/bX1QyEF0E8I/w500-h234-no/tia.jpg') no-repeat top left; height: 385px; margin: 0 auto; padding: 22px 0 0 119px; text-align: left; width: 540px;"><iframe width="262" height="157" src="http://www.youtube.com/embed/l-qwvSn6Euk" frameborder="0" allowfullscreen></iframe></div> | Estilo Naturaleza
<div style="background: url('https://lh3.googleusercontent.com/-1T3rzHWYQ6c/Uw3fSoDm5OI/AAAAAAAAOT8/DpLseEC_qCI/w500-h375-no/11330_3.jpg') no-repeat top left; height: 260px; margin: 0 auto; padding: 95px 0 0 119px; text-align: left; width: 500px;"><iframe width="297" height="200" src="http://www.youtube.com/embed/l-qwvSn6Euk" frameborder="0" allowfullscreen></iframe></div> | Estilo PC Portatil
<div style="background: url('https://lh5.googleusercontent.com/-IOWiU4cwDhQ/Uw3hx8qny7I/AAAAAAAAOUM/WjFUFcXWq7w/w500-h391-no/samsung-portatil_r610-01.jpg') no-repeat top left; height: 380px; margin: 0 auto; padding: 25px 0 0 60px; text-align: left; width: 500px;"><iframe width="377" height="220" src="http://www.youtube.com/embed/l-qwvSn6Euk" frameborder="0" allowfullscreen></iframe></div> |