ajustes-cabesp.html

<!-- Adicionar Styles a página -->
<style>
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Telefones em landscape e abaixo */
@media (max-width: 767px) {
    .video-container iframe,
    .video-container object,
    .video-container embed {
        max-width: 100%;
        height: 100%;
    }
}
</style>


<!-- trocar isso -->
<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/hlXRs2zPcN8?&amp;showinfo=0&amp;iv_load_policy=3&amp;rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>


<!-- por isso -->
<div class="video-container">
    <iframe width="1140" height="480" src="https://www.youtube.com/embed/hlXRs2zPcN8?&amp;showinfo=0&amp;iv_load_policy=3&amp;rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" style="max-width: 100%;"></iframe>
</div>