{% extends 'layouts/interna.twig' %}

{% block conteudo %}
    <section class="bloco-cameras__topo">
        <div class="titulo-bloco" id="conteudoPrincipal">
            <h1>{{ cameraAtual.cidade }} - ao vivo</h1>
        </div>
    </section>
    <div class="my-4 embed-responsive embed-responsive-16by9">
        <iframe width="100%" height="100%"
                class="embed-responsive-item"
                src="https://www.youtube.com/embed/{{ cameraAtual.youtube }}?autoplay=1&showInfo=0&mute=1"></iframe>
    </div>
    {% include 'ao-vivo/bloco-cameras.twig' %}
    <script>
        window.onload = function () {
           var $el = document.querySelector('.principal');
            $el.setAttribute('style', 'max-width: 1000px !important;');
        }
    </script>
{% endblock %}