CINXE.COM
PlayPlus | Vídeos, rádios, podcasts para você curtir como quiser.
<!DOCTYPE html> <html data-theme="dark"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, user-scalable=no"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>PlayPlus | Vídeos, rádios, podcasts para você curtir como quiser.</title> <link id="icon" rel="icon" type="image/png" href="/content/images/favicon.ico" /> <link rel="stylesheet" href="/Content/theme.css?2024091801" /> <link rel="stylesheet" href="/Content/styles.css?2024091801" /> <link rel="stylesheet" href="/Content/playplus/header.css?2024091801" /> <link rel="stylesheet" href="/Content/flow.css?2024091801" /> <script src="/Scripts/jquery-1.8.2.js?2024091801"></script> <script src="/Scripts/Helpers.js?g=2019"></script> <script src="/Scripts/playplus/commom.js?2024091801"></script> <script async defer src="https://launchpad-wrapper.privacymanager.io/d87cc979-f21c-4897-8902-361cb63755f2/launchpad-liveramp.js"></script> <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-121938888-1', 'auto'); ga('send', 'pageview'); var dataLayer = window.data || []; var GoogleAnalytics = GoogleAnalytics || {}; (function googleAnalytics() { var self = this; GoogleAnalytics.sendEvent = function ($json) { ga('send', 'event', $json.category.escapeASCII(), $json.action.escapeASCII(), $json.label.escapeASCII()); } })(); function handleAFazendaGAClick(event) { ga('send', 'event', { eventCategory: 'AFazenda', eventAction: 'click', eventLabel: 'AFazenda' }); } </script> <!-- End Google Analytics --> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-TC2WMJC'); </script> <!-- End Google Tag Manager --> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '667298143945506'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=667298143945506&ev=PageView&noscript=1" /> </noscript> <!-- End Facebook Pixel Code --> <script async defer src="https://launchpad-wrapper.privacymanager.io/d87cc979-f21c-4897-8902-361cb63755f2/launchpad-liveramp.js"></script> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TC2WMJC" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div class="header-flow"> <a class="link-logo-home" href="/"> <img alt="Play PLUS" class="img-header" src="/Content/images/playplus/header/im_logo.png"> </a> <div class="buutton-login-wrapper"> <p>J谩 possui conta?</p> <a class="main-button-transparent button-small" href="/account/login" onclick="dataLayer.push({ event: 'eu_ja_tenho_uma_conta' })"> Acesse </a> </div> </div> <script> $(".menu-right-wrapper span").click(function () { $(".menu-header").toggle(); }) </script> <div class="menu-overlay"></div> <div class="loader-overlay"> <div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> </div> <div class="modal" tabindex="-1" role="dialog" id="modalConfirmacaoTroca"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Altera莽茫o de plano</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>Voc锚 confirma a altera莽茫o do seu plano para o <label id="lblNomePlanoFuturo"></label>?</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" id="btnConfirmarTroca">Trocar</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button> </div> </div> </div> </div> <form action="/flow/plans" id="formPlan" method="post"><input id="PlanId" name="PlanId" type="hidden" value="" /><input name="__RequestVerificationToken" type="hidden" value="CfDJ8HQWQsNn9YRBohmaNu1RavSFW0YiORh0juVCmzp0K5_LDgNt_EWwQnZj481QxNWKdFBcehqAaC1RWyEuEx7iqYbUQGERJQ6u9UlratQUFLTuhTgu6rCd1Ur7OUVxF3ndTiVF1ZfeIIpRPx3J07geL7U" /></form> <div class="content-wrapper"> <h1 class="title-flow "></h1> <div class="plans-wrapper fade-in-1 "></div> <small class="text-footer"></small> <div class="buttons-navigate-wrapper buttons-navigate-plans"> <button type="submit" onclick="window.location = '/'" class="secondary-button"> Voltar </button> </div> </div> <div id="modalBackdrop" class="modal-backdrop"></div> <div id="myModal" class="modal"> <div class="modal-content"> <span class="closeBtn">×</span> <div class="tab-container"> <div class="tab-arrows"> <button id="prevBtn"><img src="/content/images/planos/arrow-left-pink.png"></button> <h1 id="tabTitle"></h1> <button id="nextBtn"><img src="/content/images/planos/arrow-right-pink.png"></button> </div> <div class="tab-header"> <span class="step-indicator" id="step1"></span> <span class="step-indicator" id="step2"></span> <span class="step-indicator" id="step3"></span> <span class="step-indicator" id="step4"></span> </div> <h3>Inclusos neste plano</h3> <div class="tab-content"> <div class="tab-step" id="part1"></div> <div class="tab-step" id="part2"></div> <div class="tab-step" id="part3"></div> <div class="tab-step" id="part4"></div> </div> <div class="tab-footer"> <button id="btnAvancar" class="main-button mt-30 redirect fade-in-05"> Assinar </button> </div> </div> </div> <script> let subPlansIdList = []; let dataPlanoPlus = ""; let currentStep; function getPlans() { $.ajax({ url: 'GetSubscriptionsDetailsResult', type: 'GET', success: function (data) { var dataResult = JSON.parse(data); subPlansIdList = dataResult.Plans.map(item => item.SubPlanId !== undefined ? item.SubPlanId : 0); setUpLayout(dataResult); }, error: function (error) { console.log(error); } }); } function getInfosPlanModal(step, subPlanIdSelected) { $.ajax({ url: "GetSubscriptionDetailByPlan", type: "POST", data: { subPlanId: subPlanIdSelected }, success: function (data) { var dataResult = JSON.parse(data); loadContentModal(step, dataResult) }, error: function (error) { console.error("Erro ao chamar a API:", error); } }); } function loadContentModal(step, data) { $("#tabTitle").text(data.Title); var contentHtml = ""; if (data.Images && data.Images.length > 0) { contentHtml += "<div class='images-plan'>"; data.Images.forEach(function (img) { contentHtml += "<img src='" + img.Image + "'>"; }); contentHtml += "</div>"; } if (data.InfosPlan && data.InfosPlan.length > 0) { var leftColumn = []; var rightColumn = []; // Definindo o n煤mero de itens na coluna da esquerda com base no step var leftColumnCount = step === 1 ? 2 : 3; data.InfosPlan.forEach(function (info, index) { if (index < leftColumnCount) { leftColumn.push(info); } else { rightColumn.push(info); } }); contentHtml += "<div class='infos-plan'>"; for (var i = 0; i < Math.max(leftColumn.length, rightColumn.length); i++) { contentHtml += `<div class='info-row'>`; if (leftColumn[i]) { contentHtml += `<div class='info-item'> <img src="/content/images/planos/${leftColumn[i].Icon}.png"> <p> ${leftColumn[i].Description} </p> </div>`; } else { contentHtml += `<div class='info-item'></div>`; } if (rightColumn[i]) { contentHtml += `<div class='info-item'> <img src="/content/images/planos/${rightColumn[i].Icon}.png"> <p> ${rightColumn[i].Description} </p> </div>`; } else { contentHtml += `<div class='info-item'></div>`; } contentHtml += `</div>`; } contentHtml += `</div>`; } if (data.DetailsPlan && data.DetailsPlan.length > 0 && data.SubPlanId != 0 ){ contentHtml += ` <div class="infos-footer">`; if (data.DetailsPlan.length > 2) { contentHtml += ` <p style="margin: 0">De ${data.DetailsPlan[0]?.Value} por:</p> <h1 style="margin: 0">${data.DetailsPlan[2]?.Value}</h1> `; } else { contentHtml += ` <h1 style="margin: 0">${data.DetailsPlan[1]?.Value}</h1> `; } contentHtml += `</div>`; } $("#part" + step).html(contentHtml); } function formatNumber(num) { let str = num.toString().replace('.', ','); if (str.indexOf(',') === -1) { str += ',00'; } else if (str.split(',')[1].length === 1) { str += '0'; } return str; } function setUpLayout(data) { $(".title-flow").text(data.TitlePage); var contentPlans = ""; data.Plans.forEach(function (plan, i) { contentPlans += `<div class='card-plan plan-1'>` if (plan.BadgeInfo) { contentPlans += `<span class="badge">${plan.BadgeInfo}</span>` } contentPlans += ` <div class="header-card-plan"> <h3 class="plan-name">${plan.Title}</h3>` if (plan.Sale) { contentPlans += `<p>${plan.Sale}</p>` } if (plan.Price && plan.Price != "Gratuito") { contentPlans += ` <div> <h2 class="plan-price">R$ ${formatNumber(plan.Price)}</h2><small>*</small> </div>` } else { contentPlans += ` <div style="display:flex"> <h2 class="plan-price">Gratuito</h2> <small>*</small> </div> ` } contentPlans += ` </div> <div class="plans-content"> <div class="divider"></div> <div style="height: 32vh;"> ` plan.InfosPlan.forEach(function (info) { contentPlans += ` <div class="info-plan"> <img src="/content/images/planos/${info.Icon}.png"> <h5> ${info.Description}</h5> </div> ` }); contentPlans += ` </div> <div class="btn-container">` contentPlans += ` <button id="lnkAvancar" type="submit" class="main-button" onclick="redirect('${plan.SubPlanId}')"> Eu quero </button> <div style="display: flex; align-items: baseline;"> <button class="btn-info" id="openModal${plan.StrgId}" value="${plan.StrgId}" onclick="onOpenModalInfoPlans(${i + 1}, ${plan.SubPlanId})"> Mais informa莽玫es</button> <img src="/content/images/planos/arrow-right.png"> </div> </div> </div> </div> ` }); var textFooter = `<small>${data.TextFooter}</small> `; $(".text-footer").html(textFooter); $(".plans-wrapper").html(contentPlans); } function redirect(subPlanId) { var queryString = getQueryStrings(); var isChangingPlan = false; var userLogged = 0 > 0; if ((subPlanId == "undefined" || subPlanId == 0) && userLogged) { if (window.location.search.toLowerCase().indexOf('returnurl') > -1){ var returnUrl = window.location.search.toLowerCase().split('returnurl=')[1]; if (returnUrl){ returnUrl = returnUrl.replaceAll('http://','//').replaceAll('https://','//'); window.location = returnUrl; } } else { window.location = '/home'; } } else { if (subPlanId == "undefined") { sessionStorage.setItem('SubPlanId', 0) } else { sessionStorage.setItem('SubPlanId', subPlanId) } sessionStorage.setItem('isChangingPlan', isChangingPlan); window.location = '/flow/pacoteplus' + queryString; } } function getQueryStrings() { var querystrings = ""; var urlParams = new URLSearchParams(window.location.search); urlParams.forEach(function (value, key) { // Limpa as chaves e valores para garantir que s茫o v谩lidos para uso em uma URL var cleanKey = encodeURIComponent(key.trim()); var cleanValue = encodeURIComponent(value.trim()); // Adiciona o par芒metro de consulta 脿 string resultante sem o sinal de = querystrings += (querystrings === "") ? "?" : "&"; querystrings += cleanKey + cleanValue; // Remove o sinal de '=' }); return querystrings; } function onOpenModalInfoPlans(step, subPlanId) { getInfosPlanModal(step, subPlanId); var modal = document.getElementById("myModal"); modal.style.display = "block"; currentStep = step; $(".tab-step").hide(); $("#part" + step).show(); $(".step-indicator").removeClass("active"); $("#step" + step).addClass("active"); if (step == 1) { $("#prevBtn").attr("disabled", true); } else { $("#prevBtn").attr("disabled", false); } if (step == 4) { $("#nextBtn").attr("disabled", true); } else { $("#nextBtn").attr("disabled", false); } } $(document).ready(function () { saveParamDeviceOS(); getPlans(); var modal = document.getElementById("myModal"); var span = document.getElementsByClassName("closeBtn")[0]; span.onclick = function () { modal.style.display = "none"; document.body.classList.remove("modal-open"); } window.onclick = function (event) { if (event.target == modal) { modal.style.display = "none"; } } $("#nextBtn").click(function () { currentStep++; onOpenModalInfoPlans(currentStep, subPlansIdList[currentStep - 1]); }); $("#prevBtn").click(function () { currentStep--; onOpenModalInfoPlans(currentStep, subPlansIdList[currentStep - 1]); }); $("#btnAvancar").click(function () { redirect(subPlansIdList[currentStep - 1]); }); dataLayer.push({ event: 'pageview', content: { plano: 'sem_plano', } }); }) function saveParamDeviceOS() { var url = new URL(window.location.href) var deviceOS = url.searchParams.get("deviceos") if (deviceOS !== null) { sessionStorage.setItem("deviceos", deviceOS) } } /* $(document).ready(() => dataLayer.push({ event: 'pageview', content: { plano: 'sem_plano' } }))*/ function getParameterByName(name, url) { if (!url) url = window.location.href; name = name.replace(/[\[\]]/g, '\\$&'); var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } function closeModal() { $(".modal").hide(); } $("#btnConfirmarTroca").click((e) => { e.preventDefault(); $("#PlanId").val($(".card-selected").attr('data-rel')); if (getParameterByName('c') != '') { var action = $("#formPlan").attr('action'); $('#formPlan').attr('action', action + '?c=' + getParameterByName('c')); } $("#formPlan").submit(); }); $("#lnkAvancar").click((e) => { $(".loader-overlay").css("display", "flex") e.preventDefault(); var planName = $(".card-selected").attr('data-plan') let href = $("#lnkAvancar").data('href'); if (href.indexOf('?') == -1) href += `?p=${$(".card-selected").attr('data-rel')}` else { href += `&p=${$(".card-selected").attr('data-rel')}` } dataLayer.push( { event: 'avancar', content: { plano_escolhido: planName } } ) window.location = href; }); </script> <link rel="stylesheet" href="/Content/footer.css" /> <footer data-theme="light"> <div class="top-footer"> <div class="right-top-footer"> <img src="/Content/images/playplus/header/im_logo.png" alt="logo playplus"> </div> <div class="left-top-footer"> <a href=" https://www.facebook.com/SigaPlayPlus/"> <img src="https://ottvsimg-playplus.ottvs.com.br/res/playplus/register-a-fazenda/logo-facebook-black.png" alt="logo facebook black"> </a> <a href="https://twitter.com/sigaplayplus"> <img src="https://ottvsimg.blob.core.windows.net/res/playplus/footer/logo_x_black.png" alt="logo X black"> </a> </div> </div> <div class="bottom-footer"> <ul class="list-footer"> <li><a href="/help/termosdeuso">Termos de Uso </a><span>|</span></li> <li><a href="/help/politica">Privacidade</a> <span>|</span></li> <li><a href="tel:0800 759 3789">Telefone 0800 759 3789</a> <span>|</span></li> <li><a href="mailto:suporte@playplus.tv">suporte@playplus.tv</a></li> <li style="color: transparent">Build: 2025-02-28T13:42:38UTC</li> </ul> </div> </footer> <script> $('#search-icon-nav').click(() => $('#searchsearchsearch').show()) $('.clear-icon').click(() => $('#searchsearchsearch').hide()) $('.menu-overlay').click(() => { $('.menu-overlay').hide() $('.sidenav').css("transform", "translate(300px)") }) $("#menu-hamburder-top").click(() => { $('.menu-overlay').show() $('.sidenav').css("transform", "translate(0)") }) </script> </body> </html>