[HTML][CSS] Video Youtube Responsive, centrato orizzontalmente

webmachine

Utente Attivo
12 Gen 2016
43
0
6
Ciao a tutti,
ho necessità di incorporare in una Pagina HTML un video di Youtube in modo tale che esso sia responsive, sia centrato orizzontalmente nella Pagina e che vengano mantenute le proporzioni, tenendo conto che max-width:500px.
Sapete aiutarmi?

Grazie Mille,
Buona Serata
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, io ho risolto cosi
HTML:
<div id="container">
    <div id="video_container">
        <iframe id="trailer" frameborder="0" src="https://youtube.com/embed/rNNb7Yo3oJI?autoplay=0" type="text/html"></iframe>
    </div>
</div>
<style>
    #container {
        position: relative;
        max-width: 500px;
        margin:auto;
    }
    #video_container {
        position: relative;
        width: 100%;height: 0;
        padding-bottom: 56.25%;
    }
    #trailer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
</style>
sicuramento ci sono altre soluzioni