{"id":21,"date":"2026-09-18T22:54:32","date_gmt":"2026-09-18T20:54:32","guid":{"rendered":"https:\/\/nsd.test\/?page_id=21"},"modified":"2026-10-18T15:58:19","modified_gmt":"2026-10-18T13:58:19","slug":"contatti_old","status":"publish","type":"page","link":"https:\/\/www.newstyledance.it\/?page_id=21","title":{"rendered":"Contatti_old"},"content":{"rendered":"    <style>\r\n        #cgvp-7534 {\r\n            max-width: 850px;\r\n            margin: 20px auto;\r\n            background: #0f172a;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n            color: #fff;\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.3);\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        #cgvp-7534 .cgvp-video-box {\r\n            position: relative;\r\n            width: 100%;\r\n            background: #000;\r\n        }\r\n        #cgvp-7534 video {\r\n            width: 100%;\r\n            display: block;\r\n            max-height: 480px;\r\n            object-fit: contain;\r\n        }\r\n        #cgvp-7534 .cgvp-drawer {\r\n            background: #1e293b;\r\n            border-top: 1px solid rgba(255,255,255,0.1);\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        #cgvp-7534 .cgvp-header {\r\n            padding: 12px 15px;\r\n            font-weight: bold;\r\n            font-size: 13px;\r\n            color: #94a3b8;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            border-bottom: 1px solid rgba(255,255,255,0.08);\r\n        }\r\n        #cgvp-7534 .cgvp-items {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n            gap: 10px;\r\n            padding: 15px;\r\n            max-height: 240px;\r\n            overflow-y: auto;\r\n        }\r\n        #cgvp-7534 .cgvp-item {\r\n            display: flex;\r\n            gap: 10px;\r\n            padding: 8px;\r\n            border-radius: 6px;\r\n            background: rgba(255,255,255,0.03);\r\n            cursor: pointer;\r\n            transition: background 0.2s;\r\n            align-items: center;\r\n            border: 1px solid transparent;\r\n        }\r\n        #cgvp-7534 .cgvp-item:hover {\r\n            background: rgba(255,255,255,0.08);\r\n        }\r\n        #cgvp-7534 .cgvp-item.active {\r\n            background: rgba(139, 92, 246, 0.2);\r\n            border-color: #8b5cf6;\r\n        }\r\n        #cgvp-7534 .cgvp-thumb {\r\n            width: 60px;\r\n            height: 38px;\r\n            object-fit: cover;\r\n            border-radius: 4px;\r\n            background: #000;\r\n            flex-shrink: 0;\r\n            pointer-events: none;\r\n        }\r\n        #cgvp-7534 .cgvp-info {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 2px;\r\n            overflow: hidden;\r\n            pointer-events: none;\r\n        }\r\n        #cgvp-7534 .cgvp-title {\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            color: #f8fafc;\r\n        }\r\n        #cgvp-7534 .cgvp-duration {\r\n            font-size: 11px;\r\n            color: #94a3b8;\r\n        }\r\n    <\/style>\r\n\r\n    <div id=\"cgvp-7534\">\r\n        <div class=\"cgvp-video-box\" id=\"box-cgvp-7534\">\r\n            <video id=\"vid-cgvp-7534\" poster=\"https:\/\/images.unsplash.com\/photo-1618005182384-a83a8bd57fbe?w=800\" controls preload=\"metadata\" playsinline>\r\n                <source src=\"http:\/\/nsd.test\/wp-content\/uploads\/2026\/10\/Riccardo-VID-20260925-WA0005.mp4\" type=\"video\/mp4\">\r\n                Il tuo browser non supporta il tag video.\r\n            <\/video>\r\n        <\/div>\r\n        <div class=\"cgvp-drawer\">\r\n            <div class=\"cgvp-header\">Playlist dei Video<\/div>\r\n            <div class=\"cgvp-items\" id=\"list-cgvp-7534\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        const playlistData = [{\"title\":\"Video Riccardo 1\",\"src\":\"http:\\\/\\\/nsd.test\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Riccardo-VID-20260925-WA0005.mp4\",\"poster\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1618005182384-a83a8bd57fbe?w=800\",\"duration\":\"01:30\"},{\"title\":\"Elephant's Dream\",\"src\":\"https:\\\/\\\/commondatastorage.googleapis.com\\\/gtv-videos-bucket\\\/sample\\\/ElephantsDream.mp4\",\"poster\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1579783902614-a3fb3927b675?w=800\",\"duration\":\"10:53\"},{\"title\":\"For Bigger Blazes\",\"src\":\"https:\\\/\\\/commondatastorage.googleapis.com\\\/gtv-videos-bucket\\\/sample\\\/ForBiggerBlazes.mp4\",\"poster\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1550745165-9bc0b252726f?w=800\",\"duration\":\"00:15\"}];\r\n        const boxElem = document.getElementById('box-cgvp-7534');\r\n        const listContainer = document.getElementById('list-cgvp-7534');\r\n        const uid = 'cgvp-7534';\r\n\r\n        if (!boxElem || !listContainer) return;\r\n\r\n        function renderList() {\r\n            listContainer.innerHTML = '';\r\n            playlistData.forEach((item, index) => {\r\n                const div = document.createElement('div');\r\n                div.className = `cgvp-item ${index === 0 ? 'active' : ''}`;\r\n                div.innerHTML = `\r\n                    <img decoding=\"async\" class=\"cgvp-thumb\" src=\"${item.poster}\" alt=\"\">\r\n                    <div class=\"cgvp-info\">\r\n                        <span class=\"cgvp-title\">${item.title}<\/span>\r\n                        <span class=\"cgvp-duration\">${item.duration}<\/span>\r\n                    <\/div>\r\n                `;\r\n                \r\n                div.onclick = function() {\r\n                    \/\/ Ricrea interamente il nodo HTML del video per forzare il reset pulito del MIME type\r\n                    boxElem.innerHTML = `\r\n                        <video id=\"vid-${uid}\" poster=\"${item.poster}\" controls autoplay preload=\"metadata\" playsinline>\r\n                            <source src=\"${item.src}\" type=\"video\/mp4\">\r\n                            Il tuo browser non supporta il tag video.\r\n                        <\/video>\r\n                    `;\r\n\r\n                    \/\/ Aggiorna lo stato visivo attivo nella lista\r\n                    const items = listContainer.querySelectorAll('.cgvp-item');\r\n                    items.forEach((el, i) => {\r\n                        if (i === index) {\r\n                            el.classList.add('active');\r\n                        } else {\r\n                            el.classList.remove('active');\r\n                        }\r\n                    });\r\n                };\r\n\r\n                listContainer.appendChild(div);\r\n            });\r\n        }\r\n\r\n        renderList();\r\n    })();\r\n    <\/script>\r\n    \n\n\n<p>      <style>\r\n        #cgvp-5135 {\r\n            max-width: 850px;\r\n            margin: 20px auto;\r\n            background: #0f172a;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n            color: #fff;\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.3);\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        #cgvp-5135 .cgvp-video-box {\r\n            position: relative;\r\n            width: 100%;\r\n            background: #000;\r\n        }\r\n        #cgvp-5135 video {\r\n            width: 100%;\r\n            display: block;\r\n            max-height: 480px;\r\n            object-fit: contain;\r\n        }\r\n        #cgvp-5135 .cgvp-drawer {\r\n            background: #1e293b;\r\n            border-top: 1px solid rgba(255,255,255,0.1);\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        #cgvp-5135 .cgvp-header {\r\n            padding: 12px 15px;\r\n            font-weight: bold;\r\n            font-size: 13px;\r\n            color: #94a3b8;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            border-bottom: 1px solid rgba(255,255,255,0.08);\r\n        }\r\n        #cgvp-5135 .cgvp-items {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n            gap: 10px;\r\n            padding: 15px;\r\n            max-height: 240px;\r\n            overflow-y: auto;\r\n        }\r\n        #cgvp-5135 .cgvp-item {\r\n            display: flex;\r\n            gap: 10px;\r\n            padding: 8px;\r\n            border-radius: 6px;\r\n            background: rgba(255,255,255,0.03);\r\n            cursor: pointer;\r\n            transition: background 0.2s;\r\n            align-items: center;\r\n            border: 1px solid transparent;\r\n        }\r\n        #cgvp-5135 .cgvp-item:hover {\r\n            background: rgba(255,255,255,0.08);\r\n        }\r\n        #cgvp-5135 .cgvp-item.active {\r\n            background: rgba(139, 92, 246, 0.2);\r\n            border-color: #8b5cf6;\r\n        }\r\n        #cgvp-5135 .cgvp-thumb {\r\n            width: 60px;\r\n            height: 38px;\r\n            object-fit: cover;\r\n            border-radius: 4px;\r\n            background: #000;\r\n            flex-shrink: 0;\r\n            pointer-events: none;\r\n        }\r\n        #cgvp-5135 .cgvp-info {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 2px;\r\n            overflow: hidden;\r\n            pointer-events: none;\r\n        }\r\n        #cgvp-5135 .cgvp-title {\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            color: #f8fafc;\r\n        }\r\n        #cgvp-5135 .cgvp-duration {\r\n            font-size: 11px;\r\n            color: #94a3b8;\r\n        }\r\n    <\/style>\r\n\r\n    <div id=\"cgvp-5135\">\r\n        <div class=\"cgvp-video-box\" id=\"box-cgvp-5135\">\r\n            <video id=\"vid-cgvp-5135\" poster=\"https:\/\/images.unsplash.com\/photo-1618005182384-a83a8bd57fbe?w=800\" controls preload=\"metadata\" playsinline>\r\n                <source src=\"http:\/\/nsd.test\/wp-content\/uploads\/2026\/10\/Riccardo-VID-20260925-WA0005.mp4\" type=\"video\/mp4\">\r\n                Il tuo browser non supporta il tag video.\r\n            <\/video>\r\n        <\/div>\r\n        <div class=\"cgvp-drawer\">\r\n            <div class=\"cgvp-header\">Playlist dei Video<\/div>\r\n            <div class=\"cgvp-items\" id=\"list-cgvp-5135\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        const playlistData = [{\"title\":\"Video Riccardo 1\",\"src\":\"http:\\\/\\\/nsd.test\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Riccardo-VID-20260925-WA0005.mp4\",\"poster\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1618005182384-a83a8bd57fbe?w=800\",\"duration\":\"01:30\"},{\"title\":\"Elephant's Dream\",\"src\":\"https:\\\/\\\/commondatastorage.googleapis.com\\\/gtv-videos-bucket\\\/sample\\\/ElephantsDream.mp4\",\"poster\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1579783902614-a3fb3927b675?w=800\",\"duration\":\"10:53\"},{\"title\":\"For Bigger Blazes\",\"src\":\"https:\\\/\\\/commondatastorage.googleapis.com\\\/gtv-videos-bucket\\\/sample\\\/ForBiggerBlazes.mp4\",\"poster\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1550745165-9bc0b252726f?w=800\",\"duration\":\"00:15\"}];\r\n        const boxElem = document.getElementById('box-cgvp-5135');\r\n        const listContainer = document.getElementById('list-cgvp-5135');\r\n        const uid = 'cgvp-5135';\r\n\r\n        if (!boxElem || !listContainer) return;\r\n\r\n        function renderList() {\r\n            listContainer.innerHTML = '';\r\n            playlistData.forEach((item, index) => {\r\n                const div = document.createElement('div');\r\n                div.className = `cgvp-item ${index === 0 ? 'active' : ''}`;\r\n                div.innerHTML = `\r\n                    <img decoding=\"async\" class=\"cgvp-thumb\" src=\"${item.poster}\" alt=\"\">\r\n                    <div class=\"cgvp-info\">\r\n                        <span class=\"cgvp-title\">${item.title}<\/span>\r\n                        <span class=\"cgvp-duration\">${item.duration}<\/span>\r\n                    <\/div>\r\n                `;\r\n                \r\n                div.onclick = function() {\r\n                    \/\/ Ricrea interamente il nodo HTML del video per forzare il reset pulito del MIME type\r\n                    boxElem.innerHTML = `\r\n                        <video id=\"vid-${uid}\" poster=\"${item.poster}\" controls autoplay preload=\"metadata\" playsinline>\r\n                            <source src=\"${item.src}\" type=\"video\/mp4\">\r\n                            Il tuo browser non supporta il tag video.\r\n                        <\/video>\r\n                    `;\r\n\r\n                    \/\/ Aggiorna lo stato visivo attivo nella lista\r\n                    const items = listContainer.querySelectorAll('.cgvp-item');\r\n                    items.forEach((el, i) => {\r\n                        if (i === index) {\r\n                            el.classList.add('active');\r\n                        } else {\r\n                            el.classList.remove('active');\r\n                        }\r\n                    });\r\n                };\r\n\r\n                listContainer.appendChild(div);\r\n            });\r\n        }\r\n\r\n        renderList();\r\n    })();\r\n    <\/script>\r\n    <br \/>\n    ]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.newstyledance.it\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.newstyledance.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.newstyledance.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.newstyledance.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.newstyledance.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":19,"href":"https:\/\/www.newstyledance.it\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":1015,"href":"https:\/\/www.newstyledance.it\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/1015"}],"wp:attachment":[{"href":"https:\/\/www.newstyledance.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}