{"id":692,"date":"2026-08-04T19:08:42","date_gmt":"2026-08-04T18:08:42","guid":{"rendered":"https:\/\/nublo.tv\/?page_id=692"},"modified":"2026-08-22T13:03:36","modified_gmt":"2026-08-22T12:03:36","slug":"directo-nublo-tv","status":"publish","type":"page","link":"https:\/\/nublo.tv\/index.php\/directo-nublo-tv\/","title":{"rendered":"Directo Nublo TV"},"content":{"rendered":"\n<p class=\"has-text-align-center wp-block-paragraph\">Emisi\u00f3n en pruebas, gracias por elegirnos.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<div style=\"width:800px;margin:auto;text-align:center;\">        <div id=\"nublo-player-widget-nublo_video_5236\" class=\"nublo-player-widget\" style=\"width: 100%; --nublo-player-halo: #e70404;\">\n\n            <div style=\"background: #111111; color: #ffffff; padding: 10px 15px; border-top-left-radius: 8px; border-top-right-radius: 8px; display: flex; justify-content: space-between; align-items: center; gap: 10px; border-bottom: 2px solid #2271b1;\">\n                <span style=\"font-size: 13px; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\">Nublo TV Player, sigue en directo nuestras retransmisiones.<\/span>\n                            <\/div>\n\n            <div style=\"background: #000; overflow: hidden; position: relative; padding-bottom: 56.25%; height: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,0.4);\">\n                                    <iframe id=\"nublo_video_5236\" src=\"https:\/\/player.castr.com\/d_87a1f590a54911f1a577cfd788461e1f\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\"><\/iframe>\n                            <\/div>\n\n                    <\/div>\n\n        <div id=\"nublo-player-backdrop-nublo_video_5236\" class=\"nublo-player-cinema-backdrop\"><\/div>\n        <img decoding=\"async\" id=\"nublo-player-logo-nublo_video_5236\" class=\"nublo-player-cinema-logo\" src=\"http:\/\/nublo.tv\/wp-content\/uploads\/2026\/08\/Logo-Nublo-Blanco-1.png\" alt=\"\" \/>\n\n        <style>\n        @keyframes nublo-pulse {\n            0% { opacity: 1; }\n            50% { opacity: 0.4; }\n            100% { opacity: 1; }\n        }\n        .nublo-player-widget {\n            position: sticky;\n            top: 20px;\n            z-index: 999;\n            max-width: 100%;\n            box-sizing: border-box;\n            margin: 0 0 25px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            transition: box-shadow 0.4s ease;\n        }\n        .nublo-player-widget.nublo-cinema-active {\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 92%;\n            max-width: 960px;\n            z-index: 1000001;\n            border-radius: 8px;\n            box-shadow: 0 0 20px 6px var(--nublo-player-halo), 0 0 60px 18px var(--nublo-player-halo);\n        }\n        .nublo-player-cinema-backdrop {\n            display: none;\n            position: fixed;\n            inset: 0;\n            background: rgba(0,0,0,0.92);\n            z-index: 1000000;\n        }\n        .nublo-player-cinema-backdrop.active { display: block; }\n        .nublo-player-cinema-logo {\n            display: none;\n            position: fixed;\n            bottom: 25px;\n            right: 25px;\n            max-width: 130px;\n            max-height: 60px;\n            width: auto;\n            height: auto;\n            opacity: 0.9;\n            z-index: 1000002;\n            pointer-events: none;\n        }\n        .nublo-player-cinema-logo.active { display: block; }\n        <\/style>\n\n        <script>\n        (function() {\n            const widget   = document.getElementById('nublo-player-widget-nublo_video_5236');\n            const backdrop = document.getElementById('nublo-player-backdrop-nublo_video_5236');\n            const logo     = document.getElementById('nublo-player-logo-nublo_video_5236');\n            let userInteracted = false;\n\n            function enterCinema() {\n                widget.classList.add('nublo-cinema-active');\n                backdrop.classList.add('active');\n                logo.classList.add('active');\n            }\n            function exitCinema() {\n                widget.classList.remove('nublo-cinema-active');\n                backdrop.classList.remove('active');\n                logo.classList.remove('active');\n            }\n\n                        \/\/ Reproductor HLS nativo: al ser un elemento propio (no un\n            \/\/ iframe de terceros) se puede detectar la interaccion real del\n            \/\/ usuario directamente -un clic sobre el video o quitar el\n            \/\/ silencio con los controles nativos-.\n            document.addEventListener('DOMContentLoaded', function() {\n                const video = document.getElementById('nublo_video_5236');\n                if (!video) return;\n                video.addEventListener('click', function() { userInteracted = true; });\n                video.addEventListener('volumechange', function() {\n                    if (!video.muted) userInteracted = true;\n                });\n                video.addEventListener('play', function() {\n                    if (userInteracted) enterCinema();\n                });\n                video.addEventListener('pause', function() { exitCinema(); });\n                video.addEventListener('ended', function() { exitCinema(); });\n            });\n                    })();\n        <\/script>\n\n                <\/div>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" open><summary><\/summary>\n<p class=\"wp-block-paragraph\"><\/p>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>Emisi\u00f3n en pruebas, gracias por elegirnos.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/fullwidth.php","meta":{"wpai_generated_summary":"","wpai_meta_description":"","footnotes":""},"class_list":["post-692","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/pages\/692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/comments?post=692"}],"version-history":[{"count":26,"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/pages\/692\/revisions"}],"predecessor-version":[{"id":5066,"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/pages\/692\/revisions\/5066"}],"wp:attachment":[{"href":"https:\/\/nublo.tv\/index.php\/wp-json\/wp\/v2\/media?parent=692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}