{"id":7447,"date":"2026-02-03T18:43:31","date_gmt":"2026-02-03T18:43:31","guid":{"rendered":"https:\/\/planetsuplementos.com.br\/clube\/?page_id=7447"},"modified":"2026-02-03T19:03:09","modified_gmt":"2026-02-03T19:03:09","slug":"clube-videos","status":"publish","type":"page","link":"https:\/\/planetsuplementos.com.br\/clube\/clube-videos\/","title":{"rendered":"Clube Videos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7447\" class=\"elementor elementor-7447\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f06fc5c e-flex e-con-boxed e-con e-parent\" data-id=\"5f06fc5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d37e327 elementor-widget elementor-widget-heading\" data-id=\"d37e327\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Clube Videos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5be00cf9 elementor-widget elementor-widget-shortcode\" data-id=\"5be00cf9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"clube-planet-videos-container\" data-requer-cpf=\"1\">\r\n                            <!-- Modal de verifica\u00e7\u00e3o de CPF -->\r\n                <div id=\"clube-planet-videos-cpf-modal\" class=\"clube-planet-videos-cpf-modal\" style=\"display: flex;\">\r\n                    <div class=\"clube-planet-videos-cpf-modal-content\">\r\n                        <h2>Acesso aos V\u00eddeos<\/h2>\r\n                        <p>Para acessar a p\u00e1gina de v\u00eddeos, digite seu CPF cadastrado no Clube Planet:<\/p>\r\n                        <input type=\"text\" id=\"clube-planet-videos-cpf-input\" placeholder=\"000.000.000-00\" maxlength=\"14\" style=\"width: 100%; padding: 15px; margin: 20px 0; border: 1px solid #ddd; border-radius: 4px; font-size: 16px;\">\r\n                        <div id=\"clube-planet-videos-cpf-message\" style=\"margin: 15px 0;\"><\/div>\r\n                        <button type=\"button\" id=\"clube-planet-videos-verificar-cpf-btn\" class=\"button button-primary\" style=\"width: 100%; padding: 15px; font-size: 16px; font-weight: bold;\">\r\n                            Verificar CPF                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                        \r\n            <!-- Conte\u00fado dos v\u00eddeos (inicialmente oculto se requer CPF) -->\r\n            <div class=\"clube-planet-videos-content\" style=\"display: none;\">\r\n                <!-- Filtros -->\r\n                <div class=\"clube-planet-videos-filtros\">\r\n                    <div class=\"clube-planet-videos-filtro-busca\">\r\n                        <input type=\"text\" id=\"clube-planet-videos-busca\" placeholder=\"Buscar v\u00eddeos...\" style=\"width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 4px;\">\r\n                    <\/div>\r\n                    <div class=\"clube-planet-videos-filtro-categoria\">\r\n                        <select id=\"clube-planet-videos-categoria\" style=\"width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 4px;\">\r\n                            <option value=\"0\">Todas as categorias<\/option>\r\n                                                            <option value=\"121\">Aulas<\/option>\r\n                                                    <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Grid de v\u00eddeos -->\r\n                <div class=\"clube-planet-videos-grid\">\r\n                    <!-- V\u00eddeos ser\u00e3o carregados via AJAX -->\r\n                <\/div>\r\n                \r\n                <!-- Modal do v\u00eddeo -->\r\n                <div id=\"clube-planet-video-modal\" class=\"clube-planet-video-modal\" style=\"display: none;\">\r\n                    <div class=\"clube-planet-video-modal-content\">\r\n                        <button type=\"button\" class=\"clube-planet-video-modal-close\">&times;<\/button>\r\n                        <div id=\"clube-planet-video-modal-player\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <style>\r\n        .clube-planet-videos-container {\r\n            max-width: 1200px;\r\n            margin: 40px auto;\r\n            padding: 20px;\r\n        }\r\n        \r\n        .clube-planet-videos-cpf-modal {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0,0,0,0.8);\r\n            z-index: 10000;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .clube-planet-videos-cpf-modal-content {\r\n            background: #fff;\r\n            padding: 40px;\r\n            border-radius: 8px;\r\n            max-width: 500px;\r\n            width: 90%;\r\n            text-align: center;\r\n        }\r\n        \r\n        .clube-planet-videos-filtros {\r\n            display: grid;\r\n            grid-template-columns: 2fr 1fr;\r\n            gap: 20px;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .clube-planet-videos-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 20px;\r\n        }\r\n        \r\n        .clube-planet-video-item {\r\n            background: #fff;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n            cursor: pointer;\r\n            transition: transform 0.3s, box-shadow 0.3s;\r\n        }\r\n        \r\n        .clube-planet-video-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 4px 16px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .clube-planet-video-thumbnail {\r\n            position: relative;\r\n            width: 100%;\r\n            padding-top: 56.25%; \/* 16:9 aspect ratio *\/\r\n            background: #000;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .clube-planet-video-thumbnail img {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        \r\n        .clube-planet-video-play-icon {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 60px;\r\n            height: 60px;\r\n            background: rgba(255,255,255,0.9);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 24px;\r\n            color: #333;\r\n        }\r\n        \r\n        .clube-planet-video-placeholder {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #999;\r\n        }\r\n        \r\n        .clube-planet-video-info {\r\n            padding: 15px;\r\n        }\r\n        \r\n        .clube-planet-video-info h3 {\r\n            margin: 0 0 10px 0;\r\n            font-size: 16px;\r\n            line-height: 1.4;\r\n        }\r\n        \r\n        .clube-planet-video-categoria {\r\n            display: inline-block;\r\n            padding: 4px 12px;\r\n            background: #f0f0f0;\r\n            border-radius: 4px;\r\n            font-size: 12px;\r\n            color: #666;\r\n        }\r\n        \r\n        .clube-planet-video-modal {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0,0,0,0.9);\r\n            z-index: 10001;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 20px;\r\n        }\r\n        \r\n        .clube-planet-video-modal-content {\r\n            position: relative;\r\n            max-width: 900px;\r\n            width: 100%;\r\n            background: #000;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .clube-planet-video-modal-close {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background: rgba(0,0,0,0.7);\r\n            color: #fff;\r\n            border: none;\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            font-size: 24px;\r\n            cursor: pointer;\r\n            z-index: 10;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .clube-planet-video-modal-close:hover {\r\n            background: rgba(0,0,0,0.9);\r\n        }\r\n        \r\n        #clube-planet-video-modal-player {\r\n            position: relative;\r\n            padding-bottom: 56.25%; \/* 16:9 *\/\r\n            height: 0;\r\n        }\r\n        \r\n        #clube-planet-video-modal-player iframe {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n        \r\n        \/* Shorts: player vertical (9:16) no PC e mobile. *\/\r\n        #clube-planet-video-modal.is-shorts .clube-planet-video-modal-content {\r\n            max-width: 520px;\r\n            width: min(92vw, 520px);\r\n        }\r\n        #clube-planet-video-modal.is-shorts #clube-planet-video-modal-player {\r\n            padding-bottom: 177.78%; \/* 9:16 *\/\r\n            max-height: 86vh;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .clube-planet-videos-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 15px;\r\n            }\r\n            \r\n            .clube-planet-videos-filtros {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n        <\/style>\r\n        \r\n        <script>\r\n        jQuery(document).ready(function($) {\r\n            var videosCarregados = false;\r\n            \r\n            \/\/ M\u00e1scara CPF\r\n            $('#clube-planet-videos-cpf-input').on('input', function() {\r\n                var value = $(this).val().replace(\/\\D\/g, '');\r\n                if (value.length <= 11) {\r\n                    value = value.replace(\/(\\d{3})(\\d{3})(\\d{3})(\\d{2})\/, '$1.$2.$3-$4');\r\n                    $(this).val(value);\r\n                }\r\n            });\r\n            \r\n            \/\/ Verificar CPF\r\n            $('#clube-planet-videos-verificar-cpf-btn').on('click', function() {\r\n                var cpf = $('#clube-planet-videos-cpf-input').val().replace(\/\\D\/g, '');\r\n                var $message = $('#clube-planet-videos-cpf-message');\r\n                \r\n                if (cpf.length !== 11) {\r\n                    $message.html('<div style=\"color: red; padding: 10px; background: #ffe6e6; border-radius: 4px;\">CPF inv\u00e1lido. Digite um CPF v\u00e1lido.<\/div>');\r\n                    return;\r\n                }\r\n                \r\n                $(this).prop('disabled', true).text('Verificando...');\r\n                $message.html('');\r\n                \r\n                $.ajax({\r\n                    url: 'https:\/\/planetsuplementos.com.br\/clube\/wp-admin\/admin-ajax.php',\r\n                    type: 'POST',\r\n                    data: {\r\n                        action: 'clube_planet_verificar_cpf_videos',\r\n                        cpf: cpf,\r\n                        nonce: '41fa3790ab'\r\n                    },\r\n                    success: function(response) {\r\n                        if (response.success) {\r\n                            \/\/ Salvar CPF no sessionStorage (ser\u00e1 limpo quando fechar a aba)\r\n                            sessionStorage.setItem('clube_planet_videos_cpf_verificado', 'true');\r\n                            sessionStorage.setItem('clube_planet_videos_cpf', cpf);\r\n                            \r\n                            \/\/ Esconder modal e mostrar conte\u00fado\r\n                            $('#clube-planet-videos-cpf-modal').hide();\r\n                            $('.clube-planet-videos-content').show();\r\n                            \r\n                            \/\/ Carregar v\u00eddeos\r\n                            if (!videosCarregados) {\r\n                                carregarVideos();\r\n                                videosCarregados = true;\r\n                            }\r\n                        } else {\r\n                            $message.html('<div style=\"color: red; padding: 10px; background: #ffe6e6; border-radius: 4px;\">' + (response.data || 'Infelizmente o seu CPF n\u00e3o est\u00e1 cadastrado no Clube Planet') + '<\/div>');\r\n                        }\r\n                        $('#clube-planet-videos-verificar-cpf-btn').prop('disabled', false).text('Verificar CPF');\r\n                    },\r\n                    error: function() {\r\n                        $message.html('<div style=\"color: red; padding: 10px; background: #ffe6e6; border-radius: 4px;\">Erro ao verificar CPF. Tente novamente.<\/div>');\r\n                        $('#clube-planet-videos-verificar-cpf-btn').prop('disabled', false).text('Verificar CPF');\r\n                    }\r\n                });\r\n            });\r\n            \r\n            \/\/ Verificar se CPF j\u00e1 foi verificado (usando sessionStorage - ser\u00e1 limpo ao fechar a aba)\r\n            var requerCpf = $('.clube-planet-videos-container').data('requer-cpf');\r\n            if (requerCpf === '1') {\r\n                var cpfVerificado = sessionStorage.getItem('clube_planet_videos_cpf_verificado');\r\n                if (cpfVerificado === 'true') {\r\n                    $('#clube-planet-videos-cpf-modal').hide();\r\n                    $('.clube-planet-videos-content').show();\r\n                    carregarVideos();\r\n                    videosCarregados = true;\r\n                }\r\n            } else {\r\n                carregarVideos();\r\n                videosCarregados = true;\r\n            }\r\n            \r\n            \/\/ Fun\u00e7\u00e3o para carregar v\u00eddeos\r\n            function carregarVideos() {\r\n                var search = $('#clube-planet-videos-busca').val();\r\n                var categoria = $('#clube-planet-videos-categoria').val();\r\n                var $grid = $('.clube-planet-videos-grid');\r\n                \r\n                $grid.html('<div style=\"text-align: center; padding: 40px;\">Carregando v\u00eddeos...<\/div>');\r\n                \r\n                $.ajax({\r\n                    url: 'https:\/\/planetsuplementos.com.br\/clube\/wp-admin\/admin-ajax.php',\r\n                    type: 'POST',\r\n                    data: {\r\n                        action: 'clube_planet_get_videos',\r\n                        search: search,\r\n                        categoria: categoria,\r\n                        nonce: '41fa3790ab'\r\n                    },\r\n                    success: function(response) {\r\n                        if (response.success) {\r\n                            $grid.html(response.data.html);\r\n                        } else {\r\n                            $grid.html('<div style=\"text-align: center; padding: 40px;\">Erro ao carregar v\u00eddeos.<\/div>');\r\n                        }\r\n                    },\r\n                    error: function() {\r\n                        $grid.html('<div style=\"text-align: center; padding: 40px;\">Erro ao carregar v\u00eddeos.<\/div>');\r\n                    }\r\n                });\r\n            }\r\n            \r\n            \/\/ Filtros\r\n            var buscaTimeout;\r\n            $('#clube-planet-videos-busca').on('input', function() {\r\n                clearTimeout(buscaTimeout);\r\n                buscaTimeout = setTimeout(function() {\r\n                    carregarVideos();\r\n                }, 500);\r\n            });\r\n            \r\n            $('#clube-planet-videos-categoria').on('change', function() {\r\n                carregarVideos();\r\n            });\r\n            \r\n            \/\/ Abrir modal do v\u00eddeo\r\n            $(document).on('click', '.clube-planet-video-item', function() {\r\n                var videoId = $(this).data('video-id');\r\n                var videoUrl = $(this).data('video-url');\r\n                \r\n                if (!videoId) {\r\n                    alert('V\u00eddeo inv\u00e1lido');\r\n                    return;\r\n                }\r\n                \r\n                var isShorts = !!(videoUrl && String(videoUrl).indexOf('\/shorts\/') !== -1);\r\n                $('#clube-planet-video-modal').toggleClass('is-shorts', isShorts);\r\n                var embedUrl = 'https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1';\r\n                $('#clube-planet-video-modal-player').html('<iframe src=\"' + embedUrl + '\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>');\r\n                $('#clube-planet-video-modal').show();\r\n            });\r\n            \r\n            \/\/ Fechar modal\r\n            $('.clube-planet-video-modal-close, #clube-planet-video-modal').on('click', function(e) {\r\n                if (e.target === this) {\r\n                    $('#clube-planet-video-modal').hide();\r\n                    $('#clube-planet-video-modal-player').html('');\r\n                    $('#clube-planet-video-modal').removeClass('is-shorts');\r\n                }\r\n            });\r\n        });\r\n        <\/script>\r\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Clube Videos<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7447","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/planetsuplementos.com.br\/clube\/wp-json\/wp\/v2\/pages\/7447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planetsuplementos.com.br\/clube\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/planetsuplementos.com.br\/clube\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/planetsuplementos.com.br\/clube\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/planetsuplementos.com.br\/clube\/wp-json\/wp\/v2\/comments?post=7447"}],"version-history":[{"count":10,"href":"https:\/\/planetsuplementos.com.br\/clube\/wp-json\/wp\/v2\/pages\/7447\/revisions"}],"predecessor-version":[{"id":7465,"href":"https:\/\/planetsuplementos.com.br\/clube\/wp-json\/wp\/v2\/pages\/7447\/revisions\/7465"}],"wp:attachment":[{"href":"https:\/\/planetsuplementos.com.br\/clube\/wp-json\/wp\/v2\/media?parent=7447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}