Buenos días, alguien podria ayudarme a que esto sea responsive?
Código HTML:
<div class="contenedor">
<style type="text/css">.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>
<div class="embed-container"><iframe allowfullscreen="" frameborder="0" height="480" src="https://www.youtube.com/embed/1P9C3XWJrAk?rel=0" width="853"></iframe></div>
</div>
<style type="text/css">.contenedor {
margin:auto;
width:853px;
height:572px;
text-align:center;
background:url('imagenes/tv.png')
}
.contenedor iframe {
width:828px;
height:468px;
top:12px;
position:relative;
}
</style>