{"id":2139,"date":"2025-05-13T12:53:50","date_gmt":"2025-05-13T12:53:50","guid":{"rendered":"https:\/\/n3expo.biz\/?page_id=2139"},"modified":"2025-05-14T08:20:43","modified_gmt":"2025-05-14T08:20:43","slug":"velkomst-tale","status":"publish","type":"page","link":"https:\/\/n3expo.biz\/index.php\/velkomst-tale\/","title":{"rendered":"velkomst tale"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2139\" class=\"elementor elementor-2139\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2be22dc e-flex e-con-boxed e-con e-parent\" data-id=\"2be22dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-940c8aa elementor-widget elementor-widget-html\" data-id=\"940c8aa\" 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<style>\r\n  \/* hide Elementor \u201cHeader\u201d template *\/\r\n  .elementor-location-header,\r\n  \/* fallback for common theme headers *\/\r\n  header,\r\n  .site-header {\r\n    display: none !important;\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\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-f8c73da e-con-full e-flex e-con e-parent\" data-id=\"f8c73da\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c763311 elementor-widget elementor-widget-html\" data-id=\"c763311\" 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<style>\r\n  .video-container {\r\n    position: relative;\r\n    width: 100vw;\r\n    height: 90vh;\r\n    overflow: hidden;\r\n    background: black;\r\n  }\r\n\r\n  .video-container video {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .unmute-wrapper {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    text-align: center;\r\n    z-index: 2;\r\n    transition: opacity 0.5s ease;\r\n  }\r\n\r\n  .video-container.initialized .unmute-wrapper {\r\n    display: none;\r\n  }\r\n\r\n  .unmute-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: rgba(0, 0, 0, 0.6);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    font-size: 28px;\r\n    color: white;\r\n    margin: 0 auto 10px auto;\r\n  }\r\n\r\n  .unmute-icon::before {\r\n    content: \"\ud83d\udd07\";\r\n  }\r\n\r\n  .helper-text {\r\n    color: white;\r\n    font-size: 16px;\r\n    font-family: sans-serif;\r\n    background: rgba(0, 0, 0, 0.4);\r\n    padding: 8px 12px;\r\n    border-radius: 4px;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* Top-right icon (after initialized) *\/\r\n  .video-container.initialized .unmute-icon {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 20px;\r\n    transform: none;\r\n    margin: 0;\r\n  }\r\n\r\n  .video-container.muted .unmute-icon::before {\r\n    content: \"\ud83d\udd07\";\r\n  }\r\n\r\n  .video-container:not(.muted) .unmute-icon::before {\r\n    content: \"\ud83d\udd0a\";\r\n  }\r\n\r\n  .progress-bar {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 5%;\r\n    width: 90%;\r\n    height: 6px;\r\n    background: rgba(255, 255, 255, 0.3);\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n    display: none;\r\n    z-index: 2;\r\n  }\r\n\r\n  .video-container.initialized .progress-bar {\r\n    display: block;\r\n  }\r\n\r\n  .progress-filled {\r\n    height: 100%;\r\n    width: 0%;\r\n    background: white;\r\n    border-radius: 3px;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"video-container muted\" id=\"videoContainer\">\r\n  <video id=\"bgVideo\" autoplay muted playsinline>\r\n    <source src=\"http:\/\/n3expo.biz\/wp-content\/uploads\/2025\/05\/N3EXPO_2025_Welcome_Speech_LOW.mp4\" type=\"video\/mp4\">\r\n    Your browser does not support the video tag.\r\n  <\/video>\r\n\r\n  <div class=\"unmute-wrapper\" id=\"unmuteWrapper\">\r\n    <div class=\"unmute-icon\" id=\"unmuteIcon\"><\/div>\r\n    <div class=\"helper-text\" id=\"helperText\">Click anywhere to unmute the video<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"progress-bar\" id=\"progressBar\">\r\n    <div class=\"progress-filled\" id=\"progressFilled\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  const video = document.getElementById('bgVideo');\r\n  const container = document.getElementById('videoContainer');\r\n  const icon = document.getElementById('unmuteIcon');\r\n  const wrapper = document.getElementById('unmuteWrapper');\r\n  const progressBar = document.getElementById('progressBar');\r\n  const progressFilled = document.getElementById('progressFilled');\r\n  let initialized = false;\r\n\r\n  container.addEventListener('click', (e) => {\r\n    if (!initialized) {\r\n      video.muted = false;\r\n      container.classList.remove('muted');\r\n      container.classList.add('initialized');\r\n      initialized = true;\r\n      return;\r\n    }\r\n\r\n    if (e.target === icon) {\r\n      video.muted = !video.muted;\r\n      container.classList.toggle('muted', video.muted);\r\n    } else if (e.target !== progressBar && !progressBar.contains(e.target)) {\r\n      if (video.paused) {\r\n        video.play();\r\n      } else {\r\n        video.pause();\r\n      }\r\n    }\r\n  });\r\n\r\n  \/\/ Update progress bar\r\n  video.addEventListener('timeupdate', () => {\r\n    const percent = (video.currentTime \/ video.duration) * 100;\r\n    progressFilled.style.width = `${percent}%`;\r\n  });\r\n\r\n  \/\/ Seek functionality\r\n  progressBar.addEventListener('mousedown', (e) => {\r\n    const rect = progressBar.getBoundingClientRect();\r\n    const clickX = e.clientX - rect.left;\r\n    const ratio = clickX \/ rect.width;\r\n    video.currentTime = ratio * video.duration;\r\n  });\r\n\r\n  progressBar.addEventListener('mousemove', (e) => {\r\n    if (e.buttons === 1) {\r\n      const rect = progressBar.getBoundingClientRect();\r\n      const moveX = e.clientX - rect.left;\r\n      const ratio = Math.max(0, Math.min(1, moveX \/ rect.width));\r\n      video.currentTime = ratio * video.duration;\r\n    }\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\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>Your browser does not support the video tag. Click anywhere to unmute the video<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2139","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/n3expo.biz\/index.php\/wp-json\/wp\/v2\/pages\/2139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/n3expo.biz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/n3expo.biz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/n3expo.biz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/n3expo.biz\/index.php\/wp-json\/wp\/v2\/comments?post=2139"}],"version-history":[{"count":15,"href":"https:\/\/n3expo.biz\/index.php\/wp-json\/wp\/v2\/pages\/2139\/revisions"}],"predecessor-version":[{"id":2191,"href":"https:\/\/n3expo.biz\/index.php\/wp-json\/wp\/v2\/pages\/2139\/revisions\/2191"}],"wp:attachment":[{"href":"https:\/\/n3expo.biz\/index.php\/wp-json\/wp\/v2\/media?parent=2139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}