{"id":3594,"date":"2026-06-20T19:07:51","date_gmt":"2026-06-20T11:07:51","guid":{"rendered":"https:\/\/ecc.ph\/?page_id=3594"},"modified":"2026-06-28T00:46:17","modified_gmt":"2026-06-27T16:46:17","slug":"live","status":"publish","type":"page","link":"https:\/\/ecc.ph\/tl\/live\/","title":{"rendered":"Livestream"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3594\" class=\"elementor elementor-3594\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-22fe498 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"22fe498\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7235a05\" data-id=\"7235a05\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-47f6048 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"47f6048\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ECC PH<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-38ab55a\" data-id=\"38ab55a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc06005 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"bc06005\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Livestream<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8a115fa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8a115fa\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a4a6c5\" data-id=\"0a4a6c5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-0f22f18 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0f22f18\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-42c251e\" data-id=\"42c251e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5550a80 elementor-widget elementor-widget-html\" data-id=\"5550a80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Include Plyr.io CSS Stylesheet -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.plyr.io\/3.7.8\/plyr.css\" \/>\r\n\r\n<style>\r\n  :root {\r\n    --plyr-color-main: #800000; \/* Beautiful church maroon *\/\r\n  }\r\n  \/* Fix Plyr to perfectly fill our container *\/\r\n  .plyr {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    border-radius: 8px;\r\n  }\r\n<\/style>\r\n\r\n<!-- ================= PLYR CUSTOM VIDEO PLAYER CONTAINER ================= -->\r\n<div style=\"position: relative; width: 100%; aspect-ratio: 16\/9; background-color: #800000; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15);\">\r\n  \r\n  <!-- Backup Message Behind Video -->\r\n  <div style=\"color: #ffffff; text-align: center; font-family: 'Segoe UI', Arial, sans-serif; padding: 20px; z-index: 1;\">\r\n    <h2 style=\"margin: 0 0 10px 0; font-size: 26px; font-weight: 700;\">Every Community for Christ Philippines<\/h2>\r\n    <p style=\"margin: 0; font-size: 16px; opacity: 0.9;\">The live broadcast is currently offline.<\/p>\r\n  <\/div>\r\n\r\n  <!-- HTML5 Video element targeted by Plyr (Hidden until online) -->\r\n  <div id=\"videoWrapper\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: none;\">\r\n    <video id=\"eccLivePlayer\" playsinline controls crossorigin=\"anonymous\"><\/video>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Include HLS Engine and Plyr Library Scripts -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/hls.js@latest\"><\/script>\r\n<script src=\"https:\/\/cdn.plyr.io\/3.7.8\/plyr.js\"><\/script>\r\n\r\n<script>\r\n  const videoWrapper = document.getElementById('videoWrapper');\r\n  const videoElement = document.getElementById('eccLivePlayer');\r\n  const streamSource = \"https:\/\/livestream.ecc.ph\/hls\/stream.m3u8\";\r\n  \r\n  const pingTestVideo = new Image();\r\n  pingTestVideo.src = \"https:\/\/livestream.ecc.ph\/thumbnail.jpg?t=\" + new Date().getTime();\r\n  \r\n  pingTestVideo.onload = function() {\r\n    videoWrapper.style.display = 'block';\r\n    \r\n    if (Hls.isSupported()) {\r\n      const hls = new Hls();\r\n      hls.loadSource(streamSource);\r\n      hls.attachMedia(videoElement);\r\n      hls.on(Hls.Events.MANIFEST_PARSED, function() {\r\n        new Plyr(videoElement, {\r\n          controls: ['play-large', 'play', 'mute', 'volume', 'fullscreen'],\r\n          hideControls: true \/\/ FIX: The controls will now hide automatically during playback!\r\n        });\r\n      });\r\n    } else if (videoElement.canPlayType('application\/vnd.apple.mpegurl')) {\r\n      videoElement.src = streamSource;\r\n      new Plyr(videoElement, {\r\n        controls: ['play-large', 'play', 'mute', 'volume', 'fullscreen'],\r\n        hideControls: true \/\/ FIX: The controls will now hide automatically during playback!\r\n      });\r\n    }\r\n  };\r\n  \r\n  pingTestVideo.onerror = function() {\r\n    videoWrapper.style.display = 'none';\r\n  };\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-05d30f5\" data-id=\"05d30f5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1ec41a9 elementor-widget elementor-widget-html\" data-id=\"1ec41a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ================= CHAT ROOM CONTAINER ================= -->\r\n<div style=\"position: relative; width: 100%; height: 450px; background-color: #800000; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15);\">\r\n  \r\n  <!-- Backup Message Behind Chat -->\r\n  <div style=\"color: #ffffff; text-align: center; font-family: 'Segoe UI', Arial, sans-serif; padding: 20px; z-index: 1;\">\r\n    <p style=\"margin: 0; font-size: 16px; opacity: 0.8;\">The live chat room will open once the stream is active.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Chat Iframe -->\r\n  <iframe \r\n    id=\"eccLiveChat\"\r\n    data-src=\"https:\/\/livestream.ecc.ph\/embed\/chat\/readwrite\" \r\n    title=\"Live Chat\" \r\n    width=\"100%\" \r\n    height=\"100%\" \r\n    style=\"position: absolute; top: 0; left: 0; border: none; z-index: 2; display: none;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"0\">\r\n  <\/iframe>\r\n<\/div>\r\n\r\n<script>\r\n  const chatIframe = document.getElementById('eccLiveChat');\r\n  \r\n  const pingTestChat = new Image();\r\n  pingTestChat.src = \"https:\/\/livestream.ecc.ph\/thumbnail.jpg?t=\" + new Date().getTime();\r\n  \r\n  pingTestChat.onload = function() {\r\n    chatIframe.style.display = 'block';\r\n  };\r\n  \r\n  pingTestChat.onerror = function() {\r\n    chatIframe.style.display = 'none';\r\n  };\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ECC PH Livestream Every Community for Christ Philippines The live broadcast is currently offline. The live chat room will open once the stream is active.<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-3594","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ecc.ph\/tl\/wp-json\/wp\/v2\/pages\/3594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecc.ph\/tl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecc.ph\/tl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecc.ph\/tl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ecc.ph\/tl\/wp-json\/wp\/v2\/comments?post=3594"}],"version-history":[{"count":79,"href":"https:\/\/ecc.ph\/tl\/wp-json\/wp\/v2\/pages\/3594\/revisions"}],"predecessor-version":[{"id":6205,"href":"https:\/\/ecc.ph\/tl\/wp-json\/wp\/v2\/pages\/3594\/revisions\/6205"}],"wp:attachment":[{"href":"https:\/\/ecc.ph\/tl\/wp-json\/wp\/v2\/media?parent=3594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}