Poner videos o imagenes con un telefono movil de fondo

comentar



Como ya os comente en otro articulo, se podia poner un video de YouTube con forma de un iPhone. Pues esto seria mas o menos lo mismo, pero con otra imagen de fondo diferente, y con la posibilidad tambien de poner tanto una imagen como un video (sea de YouTube o de donde sea). La tecnica es la misma, he empleado una imagen de un telefono movil formato png transparente (ya incluida en el codigo) y estilos CSS. Para poner elementos de esta manera, tan solo teneis que copiar el codigo de abajo y añadirlo donde querais. Recordad que el tamaño del video o de la imagen tiene que ser de 240px de ancho por 400px de alto para que encaje perfectamente.



EJEMPLOS:






<div style="background: url(https://lh6.googleusercontent.com/-MGXt5dwn0Ac/UDlGLD-4PgI/AAAAAAAAFxY/pjMEufwPP2I/s597/fondo%2520movil%2520REDEANDO.png) no-repeat top left; height: 597px; margin: 0 auto; padding-bottom: 30px; width: 300px;">
<div style="height: 400px; margin: 0 auto; position: relative; top: 75px; width: 240px;">
AQUI VA LA IMAGEN O EL VIDEO 

</div></div>