{% load static %}        
        {% include 'footer.html' %}

        <!-- jQuery para seus outros plugins -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

        <!-- Plugins que dependem de jQuery -->
        <script src="{% static 'js/respond.min.js' %}"></script>
        <script src="{% static 'rs-plugin/js/jquery.themepunch.plugins.min.js' %}"></script>
        <script src="{% static 'rs-plugin/js/jquery.themepunch.revolution.min.js' %}"></script>
        <script src="{% static 'js/jquery.easing.1.3.js' %}"></script>
        <script src="{% static 'js/jquery.cycle.all.min.js' %}"></script>
        <script src="{% static 'js/mediaelement-and-player.min.js' %}"></script>

        <!-- Fancybox 5 -->
        <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>

        <!-- JS do projeto -->
        <script src="{% static 'js/custom.js' %}"></script>

        <!-- Thumb do MP4 + pausa ao fechar -->
        <script>
            document.addEventListener('DOMContentLoaded', function () {
            const sourceEl = document.querySelector('#news1-video source');
            const src = sourceEl ? sourceEl.src : null;   // URL absoluta do vídeo
            const imgEl = document.getElementById('news1-thumb');

            if (!src || !imgEl) return;

            makeThumbFromVideo(src, 1.0).then(url => {
                imgEl.src = url; // aplica a miniatura (já será “cortada” para 9:16 pelo CSS do <img>)
            }).catch(err => {
                console.warn('Falha ao gerar thumb:', err);
            });
            });

            function makeThumbFromVideo(src, atSec) {
            return new Promise((resolve, reject) => {
                const v = document.createElement('video');
                v.src = src;                // mesmo arquivo do modal
                v.preload = 'auto';
                v.muted = true;
                v.playsInline = true;

                v.addEventListener('error', () => reject('Erro ao carregar vídeo'), { once:true });
                v.addEventListener('loadeddata', () => seek(), { once:true });

                function seek() {
                try { v.currentTime = Math.max(atSec || 0.5, 0.1); }
                catch (e) { return setTimeout(seek, 120); }
                v.addEventListener('seeked', () => {
                    const c = document.createElement('canvas');
                    c.width  = v.videoWidth  || 320;
                    c.height = v.videoHeight || 180;
                    c.getContext('2d').drawImage(v, 0, 0, c.width, c.height);
                    resolve(c.toDataURL('image/jpeg', 0.85));
                }, { once:true });
                }
            });
            }

            document.addEventListener("fancybox:close", () => {
            document.querySelectorAll(".news-modal video").forEach(v => {
                try { v.pause(); } catch(e) {}
                v.currentTime = 0;
            });
            });
        </script>
    </body>
</html>