Videos de YouTube con forma de un iPhone

2 comentaron



¿Quereis mostrar los videos de YouTube de una forma diferente en vuestro blog o web? Pues con un poquito de codigo CSS y una imagen en formato png ya tenemos el 'iPhoneTube'. Como veis, el video queda insertado como si se estuviera viendo en la pantalla del famoso telefono movil. Aqui teneis un ejemplo con el trailer de 'Los Mercenarios 2' (The Expendables 2).




Cada vez que quieras poner el video con este diseño, tan solo tienes que copiar el codigo de abajo y añadirlo. Eliges el video que quieras mostrar, copias su numero de identificacion de la barra de direcciones y lo sustituyes por lo que esta escrito en rojo. Asi de sencillo.


CODIGO:

<div style="background: url(https://lh6.googleusercontent.com/-FqGudtSI8uc/T_ReH4BqzvI/AAAAAAAAEko/iNhn6ZJHVV8/s491/fondoipod%2520-%2520REDEANDO.png) no-repeat top left; height: 273px; margin: 0 auto; padding: 36px 0 0 93px; text-align: left; width: 398px;"><iframe class="youtube-player" frameborder="0" height="200" src="http://www.youtube.com/embed/XXXXXXXXXXX?&amp;autohide=0&amp;&amp;controls=0&amp;hd=0&amp;rel=0&amp;showinfo=0" type="text/html" width="350"></iframe></div>