{"id":2,"date":"2026-04-06T15:16:06","date_gmt":"2026-04-06T15:16:06","guid":{"rendered":"https:\/\/mosthighradio.co.uk\/?page_id=2"},"modified":"2026-04-28T19:34:27","modified_gmt":"2026-04-28T19:34:27","slug":"home","status":"publish","type":"page","link":"https:\/\/mosthighradio.co.uk\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-84f39ac1 wp-block-columns-is-layout-flex\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-2f8c8b6a wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d4039af7 wp-block-columns-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-column \/* Add this to your Customizer or CSS file *\/ .custom-video-block { width: 100% !important; max-width: overflow: hidden background: transparent; margin-top: -20px Pulls block up header padding-top: 0 } .cast-bar padding: 0; margin-bottom: 8px; display: flex; align-items: center; gap: 12px; .mistvideo .cast-btn #cc0000; color: white; border: none; 10px 18px; border-radius: 6px; cursor: pointer; font-weight: 600; has-global-padding is-layout-constrained wp-container-core-column-is-layout-fe38dda8 wp-block-column-is-layout-constrained\" style=\"padding-right:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70);flex-basis:100%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa 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%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-85345dae wp-block-group-is-layout-constrained\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<!-- 1. Google Cast SDK -->\n<script src=\"https:\/\/gstatic.com\"><\/script>\n\n<style>\n    \/* CRITICAL: custom-video-block removes the top gap and centers player *\/\n    .player-boundary.custom-video-block {\n        width: auto !important;\n        height: auto !important;\n        max-width: auto !important;\n        overflow: hidden !important;\n        background: transparent;\n        \/* Pulls the entire block up to eliminate space under the header *\/\n        margin: -25px auto 0 auto !important; \n        padding-top: 0 !important;\n    }\n    \n    .custom-video-block .mistvideo {\n        width: auto !important;\n        height: auto !important;        \n        max-width: auto !important;\n    \n    }\n    \n    .custom-video-block .mistvideo video {\n        width: auto !important;\n        height: auto !important;\n        object-fit: contain;\n    }\n\n    \/* Cast Bar Styling - Flush with the top *\/\n    .custom-video-block .cast-bar {\n        background: transparent;\n        padding: 0; \n        margin-bottom: 5px; \/* Small gap between button and video *\/\n        display: flex;\n        width: auto !important;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .custom-video-block .cast-btn {\n        background: #cc0000;\n        color: white;\n        border: none;\n        padding: 10px 18px;\n        border-radius: 6px;\n        cursor: pointer;\n        display: auto;\n        align-items: center;\n        gap: 8px;\n        font-weight: 600;\n        font-size: 14px;\n    }\n\n    .custom-video-block .cast-btn svg { width: 18px; height: 18px; fill: currentColor; }\n<\/style>\n\n<div class=\"player-boundary custom-video-block\">\n    <!-- Chromecast Button (Above Video) -->\n    <div class=\"cast-bar\">\n        <button class=\"cast-btn\" onclick=\"startCastSession()\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M1,18 L1,21 L4,21 C4,19.34 2.66,18 1,18 M1,14 L1,16 C3.76,16 6,18.24 6,21 L8,21 C8,17.13 4.87,14 1,14 M1,10 L1,12 C5.97,12 10,16.03 10,21 L12,21 C12,14.92 7.07,10 1,10 M21,3 L3,3 C1.9,3 1,3.9 1,5 L1,8 L3,8 L3,5 L21,5 L21,19 L14,19 L14,21 L21,21 C22.1,21 23,20.1 23,19 L23,5 C23,3.9 22.1,3 21,3 Z\"\"\")\/>><\/svg>\n            Cast to TV\n        <\/button>\n        <span id=\"castInfo\" style=\"color: #888; font-size: 12px;\"><\/span>\n    <\/div>\n\n    <!-- Video Player -->\n    <div class=\"mistvideo\" id=\"mosthighradio_c0cn6g2BqvhZ\">\n      <noscript>\n        <a href=\"https:\/\/watch.mosthighradio.co.uk\/play\/mosthighradio.html\" target=\"_blank\">\n          Click here to play this video\n        <\/a>\n      <\/noscript>\n    <\/div>\n<\/div>\n\n<script>\n    var a = function(){\n      var targetEl = document.getElementById(\"mosthighradio_c0cn6g2BqvhZ\");\n      if (targetEl.innerHTML.trim() !== \"\" && !targetEl.querySelector('noscript')) { return; }\n      \n      mistPlay(\"mosthighradio\",{\n        target: targetEl,\n        loop: true,\n        fillSpace: true, \n        monitor: {\n          action: function(){\n            this.MistVideo.nextCombo();\n          }\n        }\n      });\n    };\n\n    if (!window.mistplayers) {\n      var p = document.createElement(\"script\");\n      p.src = \"https:\/\/watch.mosthighradio.co.uk\/play\/player.js\";\n      document.head.appendChild(p);\n      p.onload = a;\n    } else { \n      a(); \n    }\n\n    window['__onGCastApiAvailable'] = function(isAvailable) {\n        if (isAvailable) {\n            cast.framework.CastContext.getInstance().setOptions({\n                receiverApplicationId: chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID,\n                autoJoinPolicy: chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED\n            });\n        }\n    };\n\n    function startCastSession() {\n        const stream = 'https:\/\/mosthighradio.co.uk';\n        const context = cast.framework.CastContext.getInstance();\n        \n        context.requestSession().then(() => {\n            const session = context.getCurrentSession();\n            const mediaInfo = new chrome.cast.media.MediaInfo(stream, 'application\/x-mpegurl');\n            mediaInfo.metadata = new chrome.cast.media.GenericMediaMetadata();\n            mediaInfo.metadata.title = 'Most High Radio';\n            \n            const request = new chrome.cast.media.LoadRequest(mediaInfo);\n            session.loadMedia(request).then(() => {\n                document.getElementById('castInfo').textContent = 'Casting...';\n            });\n        }).catch((err) => { console.log('Cast error: ' + err); });\n    }\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<style>\n    \/* Ensure the container matches the video player *\/\n    .podcast-container {\n        width: 100%;\n        max-width: 100%;\n        background: #000;\n        overflow: hidden;\n        border-radius: 0px;\n        box-shadow: 0 2px 6px rgba(0,0,0,0.5);\n        margin-bottom: 20px;\n    }\n\n    \/* Fix for mobile Chrome overflow *\/\n    .podcast-container iframe {\n        width: 100% !important;\n        display: block;\n        border: none;\n    }\n\n    \/* Mobile specific height adjustment *\/\n    @media only screen and (max-width: 768px) {\n        .podcast-container iframe {\n            min-height: 450px; \/* Gives more room for list scrolling on phones *\/\n        }\n    }\n<\/style>\n\n<div class=\"podcast-container\">\n    <iframe \n        src=\"https:\/\/listen.mosthighradio.co.uk\/public\/mosthighradiouk\/podcasts?embed=true&#038;theme=dark\" \n        frameborder=\"0\" \n        allowtransparency=\"true\" \n        style=\"width: 100%; min-height: 400px; height: 400px; border: 0;\">\n    <\/iframe>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>> Cast to TV Click here to play this video<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mosthighradio.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mosthighradio.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mosthighradio.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mosthighradio.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mosthighradio.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":173,"href":"https:\/\/mosthighradio.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":338,"href":"https:\/\/mosthighradio.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/338"}],"wp:attachment":[{"href":"https:\/\/mosthighradio.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}