<div class="hero_image w-screen md:w-full my-4 relative -mx-4 md:mx-0 aspect-video">

    {% set has_video = true %}

    {% set thumb_quality = '' %}
    {% if mobile %}
        {% set thumb_quality = 'hqdefault' %}
    {% else %}
        {% set thumb_quality = 'maxresdefault' %}
    {% endif %}

    <lite-youtube videoid="{{featuredVideo}}" class="lg:rounded-lg" style="background-image: url('https://i.ytimg.com/vi/{{featuredVideo}}/{{thumb_quality}}.jpg');">
        <a href="https://youtube.com/watch?v={{featuredVideo}}" class="lyt-playbtn lty-playbtn" title="Play Video">
        </a>
    </lite-youtube>

    {% include "templates/components/single/prevnext.twig" with { top: '230px' } %}

    <div class="border-b border-gray-200 flex items-center justify-between pt-2 px-4 lg:px-0">
        <div class="text-sm font-default">
            {% if mobile %}
                Seguici su YouTube!
            {% else %}
                Rimani aggiornato quotidianamente sui video, approfondimenti e recensioni di HDblog. Iscriviti ora al canale Youtube, basta un Click!
            {% endif %}
        </div>
        <script type="text/javascript">
            (function () {
                var s = document.createElement('script'); s.async = true;
                s.type = 'text/javascript';
                s.src = 'https://apis.google.com/js/platform.js';
                (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
            }());
        </script>
        <div>
            <div id="___ytsubscribe_0"
                style="text-indent: 0px; margin: 0px; padding: 0px; background: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 121px; height: 24px;">
                <iframe ng-non-bindable="" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no"
                    style="position: static; top: 0px; width: 121px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;"
                    tabindex="0" vspace="0" width="100%" id="I0_1756217710472" name="I0_1756217710472"
                    src="https://www.youtube.com/subscribe_embed?usegapi=1&amp;channel=Hdblog&amp;layout=default&amp;count=default&amp;hl=it&amp;origin=https%3A%2F%2Fwww.hdblog.it&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fabc-static%2F_%2Fjs%2Fk%3Dgapi.lb.it.Wsl3iAAt_Ro.O%2Fd%3D1%2Frs%3DAHpOoo_rIywS3IZ2FQ2Iyi6KhxxClxQ5yQ%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1756217710472&amp;_gfid=I0_1756217710472&amp;parent=https%3A%2F%2Fwww.hdblog.it&amp;pfname=&amp;rpctoken=42006044"
                    data-gapiattached="true">
                </iframe>
            </div>
        </div>
    </div>
</div>



