{"id":38180,"date":"2025-10-29T00:16:23","date_gmt":"2025-10-29T00:16:23","guid":{"rendered":"https:\/\/casadelsoleinfinito.com\/?page_id=38180"},"modified":"2025-12-02T20:05:28","modified_gmt":"2025-12-02T20:05:28","slug":"live-webcam","status":"publish","type":"page","link":"https:\/\/casadelsoleinfinito.com\/?page_id=38180","title":{"rendered":"Live Webcam"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38180\" class=\"elementor elementor-38180\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c99ff1 e-con-full e-flex e-con e-parent\" data-id=\"1c99ff1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caf768a elementor-widget elementor-widget-heading\" data-id=\"caf768a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Live Oceanfront Webcam - Casa del Sole Infinito<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e653710 e-flex e-con-boxed e-con e-parent\" data-id=\"e653710\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84180a8 elementor-widget elementor-widget-shortcode\" data-id=\"84180a8\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\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<div class=\"elementor-element elementor-element-199992f e-flex e-con-boxed e-con e-parent\" data-id=\"199992f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ade2d7 elementor-widget elementor-widget-video\" data-id=\"3ade2d7\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/embed\\\/g1kJZw_1v8U?autoplay=1&amp;mute=1&amp;playsinline=1&amp;controls=0&amp;modestbranding=1&amp;rel=0&amp;iv_load_policy=3&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/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<div class=\"elementor-element elementor-element-290b31a e-con-full e-flex e-con e-parent\" data-id=\"290b31a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-047d754 elementor-widget elementor-widget-html\" data-id=\"047d754\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"casa-live-wrapper\" style=\"width:100%;max-width:1200px;margin:0 auto;\">\n  <div id=\"casa-live-player\" style=\"position:relative;padding-top:56.25%;height:0;overflow:hidden;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.15);\"><\/div>\n\n  <!-- Default to visible so the page never looks empty -->\n  <div id=\"casa-live-offline\" style=\"display:block;padding:24px;text-align:center;font:600 18px system-ui;border:1px solid #eee;border-radius:12px;margin-top:12px;\">\n    The camera is currently offline. If you believe it should be live, refresh in a minute.\n  <\/div>\n<\/div>\n\n<script type=\"application\/javascript\">\n(async () => {\n  \/\/ --- CONFIG ---\n  const CHANNEL_ID = \"UCeybLI3RlVnrd70W94PfScA\"; \/\/ your channel\n  const API_KEY    = \"AIzaSyAFgRc2KaNuBc8QplfBUQmZW5Hjrk80EHW\"; \/\/ your key\n  const AUTOPLAY   = \"autoplay=1&mute=1&playsinline=1&controls=0&modestbranding=1&rel=0&iv_load_policy=3\";\n  const SHOW_LAST_IF_OFFLINE = true; \/\/ set false to only show when live\n\n  const player  = document.getElementById(\"casa-live-player\");\n  const offline = document.getElementById(\"casa-live-offline\");\n\n  function embed(videoId){\n    const iframe = document.createElement(\"iframe\");\n    iframe.setAttribute(\"allow\",\"autoplay; encrypted-media; picture-in-picture; web-share\");\n    iframe.setAttribute(\"allowfullscreen\",\"\");\n    iframe.setAttribute(\"title\",\"Casa del Sole Infinito Live Cam\");\n    iframe.style.position=\"absolute\";\n    iframe.style.top=\"0\"; iframe.style.left=\"0\";\n    iframe.style.width=\"100%\"; iframe.style.height=\"100%\";\n    iframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}?${AUTOPLAY}`;\n    player.appendChild(iframe);\n    offline.style.display = \"none\";\n  }\n\n  async function fetchJSON(url){\n    const r = await fetch(url);\n    if(!r.ok) throw new Error(\"HTTP \"+r.status+\" for \"+url);\n    return r.json();\n  }\n\n  try {\n    \/\/ 1) live now?\n    const liveURL = `https:\/\/www.googleapis.com\/youtube\/v3\/search?part=snippet&channelId=${CHANNEL_ID}&eventType=live&type=video&maxResults=1&key=${API_KEY}`;\n    const liveRes = await fetchJSON(liveURL);\n    console.log(\"Live search result:\", liveRes);\n    let videoId = liveRes.items && liveRes.items[0] && liveRes.items[0].id && liveRes.items[0].id.videoId;\n\n    \/\/ 2) if not live, optionally show most recent upload\n    if(!videoId && SHOW_LAST_IF_OFFLINE){\n      const lastURL = `https:\/\/www.googleapis.com\/youtube\/v3\/search?part=snippet&channelId=${CHANNEL_ID}&order=date&type=video&maxResults=1&key=${API_KEY}`;\n      const lastRes = await fetchJSON(lastURL);\n      console.log(\"Latest video result:\", lastRes);\n      videoId = lastRes.items && lastRes.items[0] && lastRes.items[0].id && lastRes.items[0].id.videoId;\n    }\n\n    if(videoId) embed(videoId);\n    \/\/ else leave the offline message visible\n  } catch (e){\n    console.error(\"YouTube API error:\", e);\n    \/\/ leave offline message visible\n  }\n})();\n<\/script>\n\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>Live Oceanfront Webcam &#8211; Casa del Sole Infinito https:\/\/youtube.com\/watch?v=g1kJZw_1v8U%3Fautoplay%3D1%26%23038%3Bmute%3D1%26%23038%3Bplaysinline%3D1%26%23038%3Bcontrols%3D0%26%23038%3Bmodestbranding%3D1%26%23038%3Brel%3D0%26%23038%3Biv_load_policy%3D3 The camera is currently offline. If you believe it should be live, refresh in a minute.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-38180","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/casadelsoleinfinito.com\/index.php?rest_route=\/wp\/v2\/pages\/38180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casadelsoleinfinito.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casadelsoleinfinito.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casadelsoleinfinito.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casadelsoleinfinito.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=38180"}],"version-history":[{"count":239,"href":"https:\/\/casadelsoleinfinito.com\/index.php?rest_route=\/wp\/v2\/pages\/38180\/revisions"}],"predecessor-version":[{"id":38531,"href":"https:\/\/casadelsoleinfinito.com\/index.php?rest_route=\/wp\/v2\/pages\/38180\/revisions\/38531"}],"wp:attachment":[{"href":"https:\/\/casadelsoleinfinito.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=38180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}